<header> 标签定义了文档的头部区域。
<header> 元素适合在 <body> 标签内部使用。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<header>
<h1>标题 1</h1>
<h3>标题 3</h3>
</header>
</body>
</html>
(注:<header>和<head>标签完全不同)
<footer>标签,定义文档或者文档的一部分区域的页脚
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>列表</title>
</head>
<body>
<footer>
<p>Posted by: Xiao Lu</p>
</footer>
</body>
</html>
(注:在一般情况下,<footer> 元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。)
<nav>标签定义导航链接的部分,并不是所有的HTML文档都要使用<nav>元素,此元素只是作为标注一个导航链接的区域
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>列表</title>
</head>
<body>
<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>
</body>
</html>
效果图: