【实例】html5新增标签之结构性标签实例讲解
发表于2014-09-23 20:21 | 次阅读 | 0条评论 | 作者:siru90
2、结构性标签
结构性标签(construct tag)主要负责Web的上下文结构的定义,确保 HTML文档的完整性,这类标签包括以下几个。
section:用于表达书的一部分或一章,或者一章内的一节。在Web页面应用中,该标签也可以用于区域的章节表述。
hgroup:对网页或区段(section)的标题进行组合:
header:页面主体上的头部,注意区别于head标签。这里可以给初学者提供一个判断的小技巧:head标签中的内容往往是不可见的,而header标签往往在一对body标签之中。
footer:页面的底部(页脚)。通常,人们会在这里标出网站的一些相关信息,例如关于我们、法律申明、邮件信息、管理入口等。
nav:是专门用于菜单导航、链接导航的标签,是navigator的缩写。
article:用于表示一篇文章的主体内容,一般为文字集中显示的区域
效果如下:
html源码:
<header>这是头部</header>
<div id="main">
<nav>导航</nav>
<section>
<hgroup>文章标题</hgroup>
<article>内容区域</article>
</section>
<asdie>这是侧边栏</asdie>
</div>
<footer>这是底部</footer>
源码下载