1.header元素 具有引导和导航作用的结构元素，通常用作来放置整个页面或者页面内容区块的标题，但是也可以包含其他内容，例如数据表格，搜索表单或者logo图片。
使用：可以出现多次
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 内容标题部分 -->
<header>
<h1>页面标题一</h1>
</header>
<!-- 内容独立部分 -->
<article>
<h1>这个是内容的标题</h1>
<!-- header 这个区域块的头部 -->
<header>
<h2> 这个是内容的副标题</h2>
</header>
</article>
</body>
</html>
2.footer元素 可以作为其上层父级内容库或者是一个根区块的脚注，footer通常包括其他相关区块的脚注信息，如作者，相关阅读链接及版本全信息等。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 底部信息 -->
<footer>
<ul>
<li><a href="#">版权信息</a></li>
<li><a href="#">站点地图</a></li>
<li><a href="#">联系方式</a></li>
</ul>
</footer>
<!-- 底部文章 -->
<article>
<!-- footer -->
<footer>
这是一个文章的底部
</footer>
</article>
<!-- 这个是独立部分 -->
<section>
<footer>
这个是独立部分的底部
</footer>
</section>
</body>
</html>
3.hgroup元素 是将标题及其子标题进行分组的元素，hgroup元素通常会将h1-h6元素进行分组，譬喻一个内容块的标题及其子元素算一组
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 独立部分 -->
<article>
<!-- 头部 -->
<header>
<hgroup>
<h1>这个是头部标题</h1>
<h2> 这个是副标题</h2>
</hgroup>
<!-- 时间信息 -->
<p><time></time></p>
</header>
<!-- 内容 -->
<div>
</div>
<!-- 底部 -->
<footer>
这个是底部
</footer>
</article>
</body>
</html>
167
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
