码迷,mamicode.com
首页 > Web开发 > 详细

Html5主要新增非主体结构元素

时间:2018-01-14 19:33:25      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:ddr   code   表单   gpo   blog   res   分组   数据表   电话号码   

  • header

header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但是也可以包含其他内容,例如数据表格、搜索表单或相关的logo图片。在HTML5中,一个header元素通常包括至少一个heading元素(h1-h6)。

html:

<div class="header"></div>

html5:

<header></header>
  • footer

footer元素可以作为其上层父级内容区块或是一个根区块的脚注。footer通常包括其相关区块的脚注信息,如作者、相关阅读链接及版权信息等。

html:

<div class="footer"></div>

html5:

<footer></footer>
  • hgroup

hgroup元素是将标题及其子标题进行分组的元素。hgroup元素通常会将hl~h6元素进行分组,譬如一个内容区块的标题及其子元素算一组。

用法:

<hgroup>
    <h1></h1>
    <h2></h2>
</hgroup>
  • address

address元素用来在文档中呈现联系信息,包括文档作者或文档维护者的名字、他们的网站链接、电子邮箱、真实地址、电话号码等。address应该不只用来呈现电子邮箱或真实地址,还用来展示跟文档相关的联系人的所有联系信息

用法

<footer>
    <address>作者</address>
    <time datetime="2015-04-18" pubdate>2015年4月18日</time>
</footer>

Html5主要新增非主体结构元素

标签:ddr   code   表单   gpo   blog   res   分组   数据表   电话号码   

原文地址:https://www.cnblogs.com/oneTOinf/p/8283912.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!