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. SQL Server修改数据库对象所有者(Owner)浅析

    在SQL Server数据库中如何修改数据库对象(表.视图.存储过程..)的所有者(Owner)呢?一般我们可以使用系统提供的系统存储过程sp_changeobjectowner来修改. 我们先看看s ...

  2. 烂泥:dnsmasq搭建简易DNS服务器

    本文由ilanniweb提供友情赞助,首发于烂泥行天下 想要获得更多的文章,可以关注我的微信ilanniweb. 今天我们来介绍一个比较简单的DNS服务器dnsmasq.这款软件,已经被我成功使用到公 ...

  3. Python安装

    Win10 安装Python 1.官网下载Python安装包,一直点击下一步进行安装 安装完Python后要设置环境变量,右键我的电脑-->属性-->高级系统设置-->环境变量--& ...

  4. 在github上建立自己的网站

    学了前端小半年,如今写了个自己的网页想要去应聘,却发现部署很麻烦,部署到阿里云之类,买域名啊啥的还要收费,说贵也不贵,但我就是傲娇~ google一下了解到Github有一个Github pages的 ...

  5. Matlab的68个小常识

    1.det(A)可以计算矩阵A的行列式值.inv(A)可以计算矩阵A的逆 2.rref(A)可以将矩阵A化为行简化阶梯梯形矩阵 3.eps是系统定义的容许误差,eps=2.2204*10-16 4.p ...

  6. [No000078]Python3 字符串操作

    #!/usr/bin/env python3 # -*- coding: utf-8 -*- '''Python 字符串操作 string替换.删除.截取.复制.连接.比较.查找.包含.大小写转换.分 ...

  7. XML中输入特殊符号

    XML中输入特殊符号 周银辉 特殊符号比如 ™, 要在xml中使用的话, 其实和html的转码是一样的, 参考下面这个表(使用十进制编码那一列) 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十 ...

  8. css3伪类温故知新

    今天遇到一个问题.要求::after 和 ::before的 content:"content" 能够动态的进行变换,能被JavaScript操作. 百度了下,自己做了实验,发现有 ...

  9. codeforces 711E. ZS and The Birthday Paradox 概率

    已知一年365天找23个人有2个人在同一天生日的概率 > 50% 给出n,k ,表示现在一年有2^n天,找k个人,有2个人在同一天生日的概率,求出来的概率是a/b形式,化到最简形式,由于a,b可 ...

  10. jenkins 入门教程(上)

    jenkins是一个广泛用于持续构建的可视化web工具,持续构建说得更直白点,就是各种项目的"自动化"编译.打包.分发部署.jenkins可以很好的支持各种语言(比如:java, ...