html5组织文档结构_动力节点Java学院整理

2020-04-21 23:45:06易采站长站整理

首部和尾部

header元素表示一节的首部,可以包含刊头和徽标。header元素通常包含一个标题元素或一个hgroup元素,还可以包含该节的导航元素。一个页面可以包含任意数量的header元素,他们的含义可以根据其上下文而不同。
footer元素表示一节的尾部,通常包含该节的总结信息,还可以包含作者介绍、版权信息、到相关内容的链接、徽标及免责声明等。


<body>
<header>
<hgroup>
<h1>Things I like</h1>
<h2>by Adam Freeman</h2>
</hgroup>
</header>
<section>
<header>
<hgroup>
<h1>Fruits I Like</h1>
<h2>How I Learned to Love Citrus</h2>
</hgroup>
</header>
......
</section>
<section>
<header>
<h1>Activities I like</h1>
</header>
......
<section>
<footer id="mainFooter">
©2011, Adam Freeman. <a href="http://apress.com">Visi Apress</a>
</footer>
</body>

本例定义了3个header元素。body元素的header元素作为整个文档的首部。
注意:不能在footer中嵌套header或另一个footer,也不能将tooter嵌套在header或address元素里。

导航区域

nav元素表示文档中的导航区域,包含到其他页面或同一页面的其他部分的链接。并不是所有的链接都需要放到nav元素中,该元素的目的是规划出文档的主要导航区域。


<body>
<header>
<hgroup>
<h1>Things I like</h1>
<h2>by Adam Freeman</h2>
</hgroup>
<nav>
<h1>Contents</h1>
<ul>
<li><a href="#fruitsilike">Fruits I Like</a></li>
<ul>
<li><a href="#morefruit">Additional Fruits</a></li>
</ul>
<li><a href="#activitiesilike">Activities I Like</a></li>
<ul>
<li><a href="#tritypes">Kinds of Triathlon</a></li>
<li><a href="#mytri">The kind of triathlon I am aiming for</a></li>
</ul>
</ul>
</nav>
</header>
<section>
......
</section>
<section>
......
</section>
<nav>
More Information:
<a href="http://fruit.org">Learn More About Fruit</a>
<a href="http://triathlon.org">Learn More About Triathlons</a>
</nav>
<footer id="mainFooter">
......
</footer>
</body>