[[pagelist(html5)]]
[[tableofcontents]]
----

= 아웃라인을 의식한 마크업 =
 * 웹 어플리케이션의 구조를 논리적으로 기술하기 위한 기본 요소
 * section, article
== HTML5와 이전 문서의 차이 ==
  * http://www.webguru.pe.kr/zbxe/files/attach/images/2848/655/824/structure-div.gif
  * http://www.webguru.pe.kr/zbxe/files/attach/images/2848/655/824/structure-html5.gif
= 요소 =
== section ==
 * 범용적 섹션
=== section 제목 ===
 * 하나만 지정 가능
 * 여러 제목을 묶어 하나로 만들기 위한 {{{<hgroup>}}} 태그 사용가능
 * 섹션에 두개 이상의 제목을 지정하면 암묵적으로 섹션이 생성된다. 그런데 어떤 규칙으로 생성될지 모른다.
== article ==
 * 블로그 본문등 다른 부분으로 부터 독립된 섹션
 * article 요소만 뽑아내어 이용할 수 있는가가 판단 기준
 * 중첩이 가능. 안쪽 article은 밖의 article과 밀접한 연관을 가진다.
== aside ==
 * 내용에서 분리되어도 문제없는 섹션
== nav ==
 * 네비게이션
 * 내부는 어떻게 채워야 하는지 규정 되어 있지 않음. 흔히 ul, li 로 구성.
= 예제 =
== section&section ==
{{{~HTML
    <article>
      본문.
      <section>
        <article>
          댓글.
        </article>
        <article>
          댓글2.
        </article>
      </section>
    </article>
}}}
== aside ==
== nav ==
= 참고 =