【实例】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>
源码下载
本站关键字:sunny90 web开发 数据库 移动开发 服务器 Nginx Mysql PHP
Copyright © sunny90版权所有 power by sunny90.com  
湘ICP备14012284号-1,粤公网安备 44030602000307号