w3c标准下的HTML5新标签 ,做个归纳总结:

H5标签

定义和用法

兼容性

<artical>

规定独立的自包含内容,

支持html中的全局属性,

支持html中的事件属性

IE: 支持9以上

火狐:支持

谷歌:支持

Safari:支持

Opera:支持

<aside>

定义其所处内容之外的内容,可以做文章的侧栏

支持html中的全局属性,

支持html中的事件属性

IE: 支持9以上

火狐:支持

谷歌:支持

Safari:支持

Opera:支持

<audio>

定义声音,比如音乐或者音频

可在开始标签和结束标签之间放置文本内容,这样旧的浏览器就可以显示出不支持该标签的信息

IE: 支持9以上

火狐:支持

谷歌:支持

Safari:支持

Opera:支持

Html5中的新属性:

属性

描述

autoplay

autoplay

自动播放

controls

controls

显示控件

loop

loop

重复播放

muted

muted

静音

preload

preload

页面加载时预备播放;当使用autoplay时忽略该属性

src

url

url

<bdi>

允许设置一段文本,使其脱离其父元素的完本方向设置。

支持html中的全局属性,

支持html中的事件属性

属性

描述

dir

Itr

rtl

auto

可选,默认值为auto

火狐:支持

谷歌:支持

其他浏览器:不支持

<canvas>

定义图形,图表和其他图像;只是个图形容器;

支持html中的全局属性,

支持html中的事件属性

height

px

高度

width

px

宽度

IE: 支持9以上

火狐:支持

谷歌:支持

Safari:支持

Opera:支持

command

元素表示用户能够调用的命令

所有的浏览器都不支持

H5标签

定义和用法

兼容性

<artical>

规定独立的自包含内容,

支持html中的全局属性,

支持html中的事件属性

IE: 支持9以上

火狐:支持

谷歌:支持

Safari:支持

Opera:支持

<aside>

定义其所处内容之外的内容,可以做文章的侧栏

支持html中的全局属性,

支持html中的事件属性

IE: 支持9以上

火狐:支持

谷歌:支持

Safari:支持

Opera:支持

<audio>

定义声音,比如音乐或者音频

可在开始标签和结束标签之间放置文本内容,这样旧的浏览器就可以显示出不支持该标签的信息

IE: 支持9以上

火狐:支持

谷歌:支持

Safari:支持

Opera:支持

Html5中的新属性:

属性

描述

autoplay

autoplay

自动播放

controls

controls

显示控件

loop

loop

重复播放

muted

muted

静音

preload

preload

页面加载时预备播放;当使用autoplay时忽略该属性

src

url

url

<bdi>

允许设置一段文本,使其脱离其父元素的完本方向设置。

支持html中的全局属性,

支持html中的事件属性

属性

描述

dir

Itr

rtl

auto

可选,默认值为auto

火狐:支持

谷歌:支持

其他浏览器:不支持

<canvas>

定义图形,图表和其他图像;只是个图形容器;

支持html中的全局属性,

支持html中的事件属性

height

px

高度

width

px

宽度

IE: 支持9以上

火狐:支持

谷歌:支持

Safari:支持

Opera:支持

command

元素表示用户能够调用的命令

所有的浏览器都不支持

(竟然有浏览器都不支持的标签存在)

HTML5新标签 w3c的更多相关文章

  1. HTML5新标签与特性---新表单+新属性----综合案例1

    HTML5新标签与特性 兼容性问题 (ie9 以上的版本) 文档类型设定 document HTML: sublime 输入 html:4s XHTML: sublime 输入 html:xt HTM ...

  2. 让ie浏览器支持html5新标签的解决方法(使用html5shiv)

    没估计错的话旧版浏览器都是不识别这些新增的标签所以都是用行内元素来处理解决的,所以,有一个解决办法的突破口就是让它变成块状元素就不会处于同一行了,这样在新旧浏览器都是可以显示同样的效果,再者就是让浏览 ...

  3. html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

    * HTML5 现在已经不是 SGML(标准通用标记语言,是一种定义电子文档结构和描述其内容的国际标准语言) 的子集,主要是关于图像,位置,存储,多任务等功能的增加.   * 拖拽释放(Drag an ...

  4. Html5新标签解释及用法

    Html5新标签解释及用法 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要 ...

  5. Html5新标签及用法

    HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2  HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务( ...

  6. 支持HTML5新标签

    IE8/IE7/IE6支持通过document.createElement方法产生的标签,               可以利用这一特性让这些浏览器支持HTML5新标签,               ...

  7. 让IE6,7,8支持HTML5新标签的方法

    很多网站对网页进行重构的时候,提高标签的语义性,在网页中大量使用了section,article,header等HTML5新标签.考虑到目前win7自带的IE浏览器版本是IE8,而IE8不支持HTML ...

  8. 如何处理HTML5新标签的兼容性问题

    支持HTML5新标签: * IE8/IE7/IE6支持通过document.createElement方法产生的标签, 可以利用这一特性让这些浏览器支持HTML5新标签, 浏览器支持新标签后,还需要添 ...

  9. html5\CSS3有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?

    (1)HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,地理定位等功能的增加. 绘画canvas元素: 用于媒介回放的video和audio元素: 本地离线存储localStorage ...

随机推荐

  1. Cannot create an instance of OLE DB provider "OraOLEDB.Oracle" for linked server "xxxxxxx".

    在SQL SERVER 2008 R2下用Windows 身份认证的登录名创建了一个访问ORACLE数据库的链接服务器xxxxx,测试成功,木有问题,但是其它登录名使用该链接服务器时,报如下错误: 消 ...

  2. IO redirect

    在OS中,每启动一个进程,就自动的分配了三个流到进程中. [0:标准输入流,即键盘输入].[1:标准输出流,输出到显示器].[2:错误输出流,输出到显示器],其余的还未指定. 基本IO操作 cmd & ...

  3. nodejs 使用Google浏览器进行可视化调试——Node Inspector工具

    1.npm安装Node Inspector工具,全局安装 命令行执行npm install -g node-inspector 2.启动Node Inspector工具,命令行执行 node-insp ...

  4. 深入理解SQL的四种连接-左外连接、右外连接、内连接、全连接(转)

    1.内联接(典型的联接运算,使用像 =  或 <> 之类的比较运算符).包括相等联接和自然联接.     内联接使用比较运算符根据每个表共有的列的值匹配两个表中的行.例如,检索 stude ...

  5. MAC OS X的ACL扩展权限设置

    在WEB开发时,网站是以_www的用户运行的,而我在本地是以liuwencan的用户编辑的.这就带来一个问题:如果所有文件属于liuwencan,那么网站运行需要写文件时就因无权限而失败:如果所有文件 ...

  6. mysql 导出select语句结果到excel文件等

    一.导出数据外部 1)mysql连接+将查询结果输出到文件.在命令行中执行(windows的cmd命令行,mac的终端) mysql -hxx -uxx -pxx -e "query sta ...

  7. Centos允许root远程登录设置

      以root权限执行 vi /etc/ssh/sshd_config 将 #PermitRootLogin yes 这一行的“#”去掉,修改为: PermitRootLogin yes 重启ssh服 ...

  8. 无需FQ,自建本地CDN,秒上StackOverFlow!

    StackOverflow是一个面向程序员的技术问答平台.可是在不FQ的情况下,浏览StackOverflow是一件让人极不舒服的事情,常常需要等待数十秒页面才慢慢显示出来.本文我教大家一种能够流畅地 ...

  9. [bootstrap]bootstrap2如何引导div垂直居中

    参考网址:http://www.4byte.cn/question/138712/bootstrap-how-to-center-vertical.html 部分参考自上面网页中的方法.用过boots ...

  10. 理解 OpenStack 高可用(HA)(1):OpenStack 高可用和灾备方案 [OpenStack HA and DR]

    本系列会分析OpenStack 的高可用性(HA)概念和解决方案: (1)OpenStack 高可用方案概述 (2)Neutron L3 Agent HA - VRRP (虚拟路由冗余协议) (3)N ...