3.3 页面语义模块标签
除了以上几个主要的结构元素之外，在HTML5中还新增了一些表示逻辑结构或附加信息的非主体结构元素。
3.3.1 页眉<header>标签
<header>标签是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，也可以包含其他内容，如数据表格、搜索表单或相关的logo图片，因此整个页面的标题应该放在页面的开头。
<header>标签的基本语法格式如下。
<header>网页或文章的标题信息</header>
如下面的网页HTML代码。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>网页新闻</title> </head> <body> <header> <h1>网页标题</h1> </header> <article> <header> <h1>文章标题</h1> </header> <p>文章正文内容</p> </article> </body> </html>
在一个网页中可以多次使用<header>标签。在<header>标签中通常包含<h1>至<h6>标签，也可以包含<hgroup>、<table>、<form>和<nav>等标签，只要显示在头部区域的语义标签，都可以包含在<header>标签中。
3.3.2 标题分组<hgroup>标签
<hgroup>标签可以为标题或者子标题进行分组，通常它与<h1>至<h6>标签组合使用，一个内容块中的标题及子标题可以通过<hgroup>标签组成一组。但是，如果文章只有一个主标题，则不需要使用<hgroup>标签。
<hgroup>标签的基本语法格式如下。
<hgroup> 标题1 标题2 …… </hgroup>
如下面的网页HTML代码。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>网页新闻</title>
</head>
<body>
<article>
<header>
<hgroup>
<h1>文章主标题</h1>
<h2>文章副标题</h2>
<h3>文章标题说明</h3>
</hgroup>
<p>
<time datetime="2015-11-12">发布时间：2015年11月12日</time>
</p>
</header>
<p>文章正文内容</p>
</article>
</body>
</html>
在该HTML代码中，使用<hgroup>标签将文章的主标题、副标题和文章的标题说明进行分组，以便让搜索引擎更容易识别标题块。
3.3.3 页脚<footer>标签
HTML5中新增了<footer>标签，<footer>标签中的内容可作为网页或文章的注脚，如在父级内容块中添加注释，或者页中添加版权信息等。页脚信息有很多形式，如作者、相关阅读链接及版权信息等。
在HTML5之前，要描述页脚信息，通常使用<div id="footer">标签定义包含框。自从HTML5新增了<footer>标签，这种方式将不再使用，而是使用更加语义化的<footer>元素来替代。
<footer>标签的基本语法格式如下。
<footer>页脚信息内容</footer>
在如下的HTML代码中使用<footer>标签分别为页面中的文章和整个页面添加相应的脚注信息。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>网页新闻</title>
</head>
<body>
<article>
<header>
<h1>文章标题</h1>
<p>
<time datetime="2015-11-12">发布时间：2015年11月12日</time>
</p>
</header>
<p>文章正文内容</p>
<footer>文章注释信息</footer>
</article>
<footer>网页版权信息</footer>
</body>
</html>
与<header>标签一样，页面中也可以重复使用<footer>标签。同时，可以为<article>标签所标注的文章或<section>标签所标注的章节内容添加<footer>标签，添加相应的文章或章节注释信息。
3.3.4 联系信息<address>标签
HTML5中新增了<address>标签，<address>标签用来在HTML文档中定义联系信息，包括文档作者、电子邮箱、地址和电话号码等信息。
<address>标签的基本语法格式如下。
<address>联系信息内容</address>
<address>标签的用途不仅仅用来描述电子邮箱或地址等联系信息，还可以用来描述与文档相关的联系人的相关联系信息。如下面的HTML代码。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>网页新闻</title>
</head>
<body>
<article>
<header>
<h1>文章标题</h1>
<p>
<time datetime="2015-11-12">发布时间：2015年11月12日</time>
</p>
</header>
<p>文章正文内容</p>
<footer>文章注释信息</footer>
</article>
<address>
<a href="#">网页设计资讯</a>
<a href="#">Web技术</a>
</address>
</body>
</html>