首页 > 技术文章 > HTML5 标签总结

miss-radish 2015-08-04 15:13 原文

ie9+及其他浏览器支持的HTML5新标签

标签 浏览器支持 定义描述  属性
<article> IE9+, Firefox, Opera, Chrome 以及 Safari

规定独立的自包含内容。

一篇文章应有其自身的意义,应该有可能独立于站点的其余部分对其进行分发。

 
<aside> IE9+, Firefox, Opera, Chrome 以及 Safari

定义其所处内容之外的内容。

aside 的内容应该与附近的内容相关。

 
<audio> IE9+, Firefox, Opera, Chrome 以及 Safari 定义声音,比如音乐或其他音频流。  
<canvas> IE9+, Firefox, Opera, Chrome 以及 Safari

定义图形,比如图表和其他图像。

<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。

height

width

<embed>  IE9+, Firefox, Opera, Chrome 以及 Safari 定义嵌入的内容,比如插件。

height

width

src

type

<figure>  IE9+, Firefox, Opera, Chrome 以及 Safari

<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。

figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。

 
 <figcaption>  IE9+, Firefox, Opera, Chrome 以及 Safari

定义 figure 元素的标题(caption)。

"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

 
<footer>  IE9+, Firefox, Opera, Chrome 以及 Safari

<footer> 标签定义文档或节的页脚。

<footer> 元素应当含有其包含元素的信息。

页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。

您可以在一个文档中使用多个 <footer> 元素。

 
<header>  IE9+, Firefox, Opera, Chrome 以及 Safari  定义文档的页眉(介绍信息)。  
 <mark> IE9+, Firefox, Opera, Chrome 以及 Safari   定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签  
 <nav> IE9+, Firefox, Opera, Chrome 以及 Safari   定义导航链接的部分。  
 <section> IE9+, Firefox, Opera, Chrome 以及 Safari   定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。  
 <source> IE9+, Firefox, Opera, Chrome 以及 Safari   

<source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。

<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

 
<time> IE9+, Firefox, Opera, Chrome 以及 Safari

定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。

该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。

 
<video> IE9+, Firefox, Opera, Chrome 以及 Safari 定义视频,比如电影片段或其他视频流。  

推荐阅读