html5新增标签

原文

article

含义:article标签装载显示一个独立的文章内容。例如一篇完整的论坛帖子,一则网站新闻,一篇博客文章等等,一个用户评论等等... artilce可以嵌套,则内层的artilce对外层的article标签有隶属的关系。例如,一个博客文章,可以用article显示,然后一 些评论可以以article的形式嵌入其中。


属性:支持HTML5的全局属性和事件属性。


section

含义:section 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
属性:支持Html5的全局属性和事件属性。


aside

含义:aside 用来装载非正文类的内容。例如广告,成组的链接,侧边栏等等。
属性:支持HTML5的全局属性和事件属性。


hgroup

含义:hgroup 标签用于对网页或区段的标题元素(h1-h6)进行组合。例如,在一个区段中你有连续的h系列的标签元素,则可以用hgroup将他们括起来。
属性:支持HTML5的全局属性和事件属性。


header

含义:header 标签定义文档的页面组合,通常是一些引导和导航信息。

属性:支持HTML5的全局属性和事件属性。

footer

含义:footer 标签定义 section 或 document 的页脚。在典型情况下,该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。
属性:支持HTML5的全局属性和事件属性。

nav

含义:nav 标签定义显示导航链接不是所有的成组的超级链接都需要放在nav标签里。nav标签里应该放入一些当前页面的主要导航链接。 例如在页脚显示一个站点的导航链接(如首页,服务信息页面,版权信息页面等等),就可以使用nav标签,当然,这不是必须的。
属性:支持HTML5的全局属性和事件属性。

time

含义:time 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。该元素能够以机器可读的方式对日期和时间进行编码,这样, 举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。


属性:支持HTML5的全局属性和事件属性。


datetime:规定日期或时间。否则,由元素的内容给定日期或时间

描述
YYYY-MM-DDThh:mm:ssTZD

日期或时间。下面解释了其中的成分:

  • YYYY - 年 (例如 2011)
  • MM - 月 (例如 01 表示 January)
  • DD - 天 (例如 08)
  • T - 必需的分隔符,若规定时间的话
  • hh - 时 (例如 22 表示 10.00pm)
  • mm - 分 (例如 55)
  • ss - 秒 (例如 03)
  • TZD - 时区标识符 (Z 表示祖鲁,也称为格林威治时间)

pubdate:指示 <time> 元素中的日期或时间是文档的发布日期

mark

含义:mark 标签定义带有记号的文本。请在需要突出显示文本时使用 <mark> 标签。
属性:支持HTML5的全局属性和事件属性。

figure

含义:figure标签规定独立的流内容(图像、图表、照片、代码等等)。figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。
属性:支持HTML5的全局属性和事件属性。

figcaption

含义:figcaption 标签定义 figure 元素的标题(caption)。"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

contextmenu和menu

含义:contextmenu 添加到系统右键菜单 [只有firefox支持]


address

含义:<address> 标签定义文档作者或拥有者的联系信息。
           如果 <address> 元素位于 <article> 元素内部,则它表示该文章作者或拥有者的联系信息。
          通常的做法是将 address 元素添加到网页的头部或底部。

注释:不应该使用 <address> 标签来描述邮政地址,除非这些信息是联系信息的组成部分。
注释:<address> 元素通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。

details和summary

含义:<details> 标签用于描述文档或文档某个部分的细节。目前只有 Chrome 支持 <details> 标签。
           <summary> 标签包含 details 元素的标题

提示:请与 <details> 标签一起使用。标题是可见的,当用户点击标题时会显示出详细信息。
注释:"summary" 元素应该是 "details" 元素的第一个子元素。

progress

含义:<progress> 标签定义运行中的进度(进程)。
可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进度。

属性 描述
max number 定义完成的值。
value number 定义进程的当前值。


meter

含义:<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。

属性 描述
high number 定义度量的值位于哪个点,被界定为高的值。
low number 定义度量的值位于哪个点,被界定为低的值。
max number 定义最大值。默认值是 1。
min number 定义最小值。默认值是 0。
optimum number

定义什么样的度量值是最佳的值。

如果该值高于 "high" 属性,则意味着值越高越好。

如果该值低于 "low" 属性的值,则意味着值越低越好。

value number 定义度量的值。

加强版的ol

在 HTML 4.01 中不赞成使用 "start" 和 "type" 属性,但是在 HTML5 中支持。
"reversed" 属性是 HTML5 中的新属性。
在 HTML 4.01 中不赞成使用 "compact" 属性,在 HTML5 中不支持。
属性 描述
compact compact

HTML5 中不支持。HTML 4.01 中不赞成使用。

规定列表呈现的效果比正常情况更小巧。

reversed reversed 规定列表顺序为降序。(9,8,7...)
start number 规定有序列表的起始值。
type
  • 1
  • A
  • a
  • I
  • i
规定在列表中使用的标记类型。

[html]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. <ol type="I" >  
  2.         <li value="5">aaaaaaaaaaaaaaaaaaaaa</li>  
  3.         <li>bbbbbbbbbbbbbbbbbbbbbb</li>  
  4.         <li>cccccccccccccccccc</li>  
  5.         <li>ddddddddddddddddddddd</li>  
  6.         <li>eeeeeeeeeeeeeeeeeeeeee</li>  
  7. </ol>  
  8.   
  9. 等同于  
  10.   
  11. <ol type="I" start="5" >  
  12.         <li >aaaaaaaaaaaaaaaaaaaaa</li>  
  13.         <li>bbbbbbbbbbbbbbbbbbbbbb</li>  
  14.         <li>cccccccccccccccccc</li>  
  15.         <li>ddddddddddddddddddddd</li>  
  16.         <li>eeeeeeeeeeeeeeeeeeeeee</li>  
  17. </ol>  


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值