它嚴重依賴於實際內容。
例如,具有此結構的文檔可以代表一本書。 第一個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