HTML 新增的非主体结构元素
1 header元素
概念:是一种具有引导和导航作用的结构元素
需要强调的一点是,一个网页中并未限制header的个数,可以拥有多个。
应用:
代码:
<body>
<header>
网页标题
</header>
<article>
<header>
<h1>文章标题</h1>
</header>
<p>文章正文</p>
</article>
</body>
效果:
2 hgroup元素
概念:是将标题与子标题进行进行分组的元素
应用:通常,如果文章只有一个主标题是不需要用hgroup元素的,但是,如果文章有主标题,其下有子标题,就需要用了
代码:
<article>
<header>
<hgroup>
<h1>文章主标题</h1>
<h2>文章子标题</h2>
</hgroup>
</header>
<p>文章正文</p>
</article>
3 footer元素
概念:可以作为其上层父级内容区块
应用:
<footer>
<ul>
<li>版权信息</li>
<li>联系方式</li>
</ul>
</footer>
在article元素中添加footer元素
<article>
文章内容
<footer>
文章的脚注
</footer>
</article>
在section元素中添加footer元素
<section>
分段内容
<footer>
分段内容的脚注
</footer>
</section>