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. Linux如何找出用户的创建时间

    在Linux系统中,如何找到用户创建的时间呢? 其实是没有标准方法查找用户创建时间.下面再搜索了一些资料后,自己验证并测试了一下这些方法,仅供参考: 1:如果创建的用户有家目录,那么可以ls -l / ...

  2. MySQL 使用JOIN优化子查询

    1.数据准备 mysql> select * from student; +----+--------+----------+---------+-------------+ | id | na ...

  3. Redis学习资源

    1 redis官方网站 http://redis.io/ 2 redis中文 http://redisdoc.com/ 3 redis的设计与实现 http://www.redisbook.com/ ...

  4. Maven设置代理服务器

    在setting.xml中设置以下信息即可,请修正对应信息 <proxies> <proxy> <id>optional</id> <active ...

  5. mysql5.7 root password change

    mysqld_safe --skip-grant-tables &update mysql.user set authentication_string=password('Root_1234 ...

  6. 学习大神笔记之“MyBatis学习总结(三)”

    一.连接数据库的配置单独放在一个properties文件中          创建db.peoperties----保存数据库配置信息      driver=com.mysql.jdbc.Drive ...

  7. mysql查询优化建议(百度)

    1.对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引.   2.应尽量避免在 where 子句中使用!=或<>操作符,否则将引擎放弃使 ...

  8. FTP协议

    1. FTP协议 什么是FTP呢?FTP 是 TCP/IP 协议组中的协议之一,是英文File Transfer Protocol的缩写. 该协议是Internet文件传送的基础,它由一系列规格说明文 ...

  9. STL 堆

    洛谷P3378 [模板]堆 #include <iostream> #include <cstdio> #include <algorithm> #include ...

  10. jQuery中的width() innerWidth() outerWidth() outerWidth(true)的区别

    width()仅仅包括content(内容) innerWidth()包括content(内容)和padding(补白) outerWidth()包括content(内容),padding(补白)和b ...