실제 내용에 크게 의존합니다.
예를 들어,이 구조의 문서는 책을 나타낼 수 있습니다. 첫 번째 header
은 이름, 저자, 목차 등과 같은 책에 대한 메타 정보를 포함 할 수 있습니다. 각 section
은 장을 나타낼 수 있습니다. section
내 header
등 이름, 헌신과 같은 장에 대한 메타 정보를 포함 할 수
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My Awesome Book</title>
</head>
<body>
<header>
<h1>My Awesome Book</h1>
<nav>
<h1>Table of Contents</h1>
<ul>
<li>
<a href="#chapter1">Chapter 1</a>
</li>
<li>
<a href="#chapter2">Chapter 2</a>
</li>
</ul>
</nav>
</header>
<section id="chapter1">
<header>
<h1>Chapter 1</h1>
<p>This chapter is dedicated to voices in my head. Thank you for inspiration.</p>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, velit!</p>
</section>
<section id="chapter2">
<h1>Chapter 2</h1>
<p>Asperiores corporis illum minus vel tempora non voluptate dolores itaque nam?</p>
</section>
</body>
</html>
참조 : http://stackoverflow.com/questions/7405282/how-to-properly-use-h1-in -html5 – Jatin