HTML5新语义
需积分: 13 70 浏览量
2015-11-03
14:29:28
上传
评论
收藏 20KB DOCX 举报
HTML5 新语义及基本布局总结
一 HTML5 新语义元素
1， header
<header>元素定义文档的页面组合，通常是一些引导和导航信息。而定义中说明<header>标签内通常
包含 secon 的头部信息，如 h1~h6 或 hgroup 等，但这不是必需的，同时也可以包含列表，搜索框或
主题相关的 Logo。如：
<header>
<h1>这是 HTML5</h1>
<p>header</p>
</header>
实际上，这是一段带有含义的 HTML 标签，用来表示头部信息，里面还有 h1 和 p 的内容，而且与以
下的页面代码是一致的。
<div class=”header”>
<h1>这是 HTML5</h1>
<p>header</p>
</div>
2， footer
<footer>元素定义文档或章节的末尾部分，通常包含一些章节的基本信息，如作者信息，相关链
接及版权信息。而联系信息相关的内容一般会配合<address>标签。如：
<footer>
<p>版权信息</p>
<p>关于我们</p>
</footer>
需要注意的是，一个 HTML 页面上可以允许有一个或多个 header 和 footer。在 footer 标签内，不
仅可以包含 p 版权等相关内容，同时也可以插入如 nav，ul，div 等其他元素。因此需要根据实际
情况而布局页面。从上述代码可以看出，需然 footer 标签的内容插入了部分版权信息及相关联系
信息，但并不是带含义的内容
3， nav
<nav>元素定义为用来构建导航，显示导航链接。Nav 标签的主要作用是放入一些当前页面的主要
导航链接，例如在页脚显示一个站点的导航链接。表达导航语义的性质，如：
<footer>
<nav>
<ul>
<li><a href=””>关于我们</a></li>
<li><a href=””>关于我们</a></li>
<li><a href=””>关于我们</a></li>
</ul>
</nav>
</footer>
一般情况下，作为导航标签，在页面中任意地方都可以使用 nav 元素。但是为了更好地对页面进行规
划和搜索引擎收录，建议在真正含有导航功能意义的地方，才使用 nav 元素标签。
4， aside
<aside>元素定义一个页面的区域，用来表示包含和页面相关的主要内容，其作用主要是装载非
资源评论
