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>
原文：https://www.cnblogs.com/yanyanstyle/p/11269384.html