<body>

<div class="container">

<header>

HTML5 시멘틱 마크업(h1)

</header>

<div class="body">

<main>

<article>

본문 콘텐츠(h2)

<section>

명시적 섹션(h3)

...

암시적 섹션(h4)

...

암시적 섹션(h5)

...

암시적 섹션(h6)

...

</section>

<section>

암시적 섹션(h3)

...

암시적 섹션(h4)

...

암시적 섹션(h5)

...

암시적 섹션(h1)

...

</section>

<section>

명시적 섹션(h3)

<figcaption>모터사이클 주행중인 정찬명.</figcaption>

</section>

</article>

</main>

</div>

</div>

</body>

Document outline.

HTML5 시멘틱 마크업(h1)

글로벌 메뉴(h2)
본문 콘텐츠(h2)
1. 명시적 섹션(h3)
  1. 암시적 섹션(h4)
2. 암시적 섹션(h3)
  1. 암시적 섹션(h4)
3. 암시적 섹션(h1)
4. 명시적 섹션(h3)
로컬 메뉴(h2)
사이드바(h2)