3、新增的非主体 结构元素
1）header元素
<header> 具有引导和导航作用的结构元素，定义文档或者文档的一部分区域的页眉。
<header> 元素应该作为介绍内容或者导航链接栏的容器，通常用来放置整个页面或页面内的一个内容区块的标题，也可以包含其他的内容，如logo图片、搜索表单等等
图中网页标题和文章标题适合使用header元素
一个header元素至少可以包含一个heading元素（h1-h6），也可以包括hgroup元素、NAV元素等
⚠️在一个文档中，可以定义多个 <header> 元素，可以在同一页面内，不同的内容区块上加上header元素
⚠️<header> 标签不能被放在 <footer>、<address> 或者另一个 <header> 元素内部。
2）hgroup元素
已弃用
将标题和它的子标题进行分组
hgroup元素一般会把h1-h6的元素进行分组，如在一个内容区块的标题和他的子标题是一组。
通常情况下，文章只有一个主标题时，不需要hgroup元素。
3）footer元素
<footer> 标签定义文档或者文档的一部分区域的页脚，可以作为他的上层父级内容区块或是一个根区块的注脚
<footer> 元素应该包含它所包含的元素的信息。
一般情况下包括与它相关的区块的注脚信息，如作者、版权信息、使用条款的链接、联系信息等。
假如您使用 <footer> 元素来插入联系信息，应该在 <footer> 元素内使用 <address>标签。
在一个文档中，可以定义多个 <footer> 元素。
footer元素可以为article元素或者section元素所添加。
4）address元素
<address> 标签定义文档作者/所有者的联系信息，在页面中呈现联系信息，包括文档的作者、邮箱、地址、电话信息等。
展示和文章中的相关的联系人的所有联系信息。
<address> 元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。
如果 <address> 元素位于 <body> 元素内部，则它表示该文档作者/所有者的联系信息。
如果 <address> 元素位于 <article> 元素内部，则它表示该文章作者/所有者的联系信息。
<header>
<h1>文档标题</h1>
</header>
<p>文章正文</p>
<footer>
<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
</footer>
footer address 运行结果
网友评论