2.10.3 nav元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>nav元素</title>
</head>
<body>
<nav>
<ul>
<li><a href="#">主页</a></li>
<li><a href="#">开发文档</a></li>
</ul>
</nav>
<article>
<header>
<h1>HTML5与CSS3的历史</h1>
<nav>
<ul>
<li><a href="#">HTML5历史</a></li>
<li><a href="#">CSS3历史</a></li>
</ul>
</nav>
</header>
<section>
<h1>HTML5历史</h1>
<p>..</p>
</section>
<section>
<h1>CSS3历史</h1>
<p>..</p>
</section>
<footer>
<a href="#">删除</a>
<a href="#">修改</a>
</footer>
</article>
<footer>
<p><small>版权声明:</small></p>
</footer>
</body>
</html>
2.10.4 aside元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>aside元素</title>
</head>
<body>
<header>
<h1>js入门</h1>
</header>
<article>
<h1>语法</h1>
<p>文章的正文............</p>
<aside>
<h1>名词解释</h1>
<p>语法:这是一个对语言来说,很重要的内容体</p>
</aside>
</article>
<aside>
<nav>
<h2>评论</h2>
<ul>
<li><a href="#">2018-7-30</a></li>
<li><a href="#">
大牛:真希望能好好学一下
</a></li>
</ul>
</nav>
</aside>
</body>
</html>
2.10.4 time元素和pubdate属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>aside元素</title>
</head>
<body>
<header>
<h1>js入门</h1>
</header>
<article>
<h1>语法</h1>
<p>文章的正文............</p>
<aside>
<h1>名词解释</h1>
<p>语法:这是一个对语言来说,很重要的内容体</p>
</aside>
</article>
<aside>
<nav>
<h2>评论</h2>
<ul>
<li><a href="#">2018-7-30</a></li>
<li><a href="#">
大牛:真希望能好好学一下
</a></li>
</ul>
</nav>
</aside>
</body>
</html>
2.11.1 header元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>header元素</title>
</head>
<body>
<header>
<h1>IT最新技术</h1>
<a href="http://www.jikexueyuan.com">极客学院</a>
<nav>
<ul>
<li><a href="#">学习</a></li>
<li><a href="#">技术</a></li>
<li><a href="#">极客</a></li>
</ul>
</nav>
</header>
</body>
</html>
2.11.2 footer元素和hgroup元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--div class="footer"-->
<footer>
<ul>
<li><a href="#">版权信息</a></li>
<li><a href="#">站点地图</a></li>
<li><a href="#">联系方式</a></li>
</ul>
</footer>
<!--/div-->
<article>
<footer>
这是一个文章的底部
</footer>
</article>
<section>
<footer>
</footer>
</section>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<article>
<header>
<hgroup>
<h1>
这是文章标题
</h1>
<h2>这是一个子标题</h2>
</hgroup>
<p>
<time datetime="2018-07-03">2018-07-03</time>
</p>
</header>
<div>
这是内容
</div>
<footer>
这是底部
</footer>
</article>
</body>
</html>