HTML5编码新元素的介绍
时间:2014-6-1
一系列新的语义元素是HTML5的主要新功能之一.当用标题,列表和段落来标记科学文档时,语义元素能从词根扩展.大多数扩展后的新元素能为页面提供更好的结构;还能为开发人员提供更多的选项来标记各领域内容,而非仅限于使用琮有一个相关联id或类的div.
举个例子,在过去,开发人员可能会使用:
<div class="article">...</div>
有了HTML5,开发人员可以选择使用:
<article>...</article>
万维网聪明的HTML5规范列出10个结构元素,其中,3个已经在HTML4中存在:body,h1-h6,address.其中的7个新元素中,4个是所谓的分节内容元素.我会在下文阐明什么是分节内容(sectioning content)元素,但首先我要介绍一下这7个元素.
article:文档或网站的一个独立部分,如论坛帖子,博客条目或用户提交的评论;
aside:页面的一个区域,它和周围的内容关系不大.它可以被视为单独的一部分,像一篇杂志文章的侧边栏.
nav:文档中的导航区域,这个区域包含其他文档或同一文档其他领域的链接
section:内容的一个专题组合,例如书中的一个章节,标签对话框中的一个页面,或者网站主页上的介绍
其他三个用来定义分节内容中区域的结构元素:
footer:文档或文件区域的页脚,通常包含其所在section的有关元数据,例如作者的详细信息;
header:可能是文档的标题,但也可能是文档中一个区域的头部,通常含有标题元素来标记标题;
hgroup:用于一组多层次标题元素的分组,如副标题或标语.
HTML5还有一些不影响页面基本结构的其他新元素,希望大家多关注我们迅美科技网站,后面我们也会介绍给大家.