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 2014 下IF EXITS 居然引起执行计划变更的案例分享

    这个问题是在SQL SERVER 2005 升级到SQL SERVER 2014的测试过程中一同事发现的.我觉得有点意思,遂稍微修改一下脚本展示出来,本来想构造这样的一个案例来演示,但是畏惧麻烦,遂直 ...

  2. Java:Remote Debug

    Java  Remote Debug -Xdebug -Xnoagent -Djava.compiler=NONE -Xrunjdwp:transport=dt_socket,server=y,add ...

  3. 阿里云centos安装svn和submin

    概述 没有找到可以让团队方便使用的云盘,暂时搭建一个svn凑合用一下 svn有三种安装方式 安装方式 服务程序 服务协议 用户和密码 授权 系统配置 svn独立安装 svnserve svn pass ...

  4. SSH之免密码登录

    我的虚拟机: 192.168.91.130  test1 192.168.91.131  test2 192.168.91.132  test3 1.首先在test1上生成秘钥对 之后会生成.shh/ ...

  5. 从零自学Hadoop(05):Ambari

    阅读目录 序 引入背景 Ambari介绍 在线安装 系列索引 本文版权归mephisto和博客园共有,欢迎转载,但须保留此段声明,并给出原文链接,谢谢合作. 文章是哥(mephisto)写的,Sour ...

  6. oracle数据库rman备份计划及恢复

    1.rman完全恢复的前提条件:历史的datafile,controlfile和spfile备份,加上完整的archivelog和完好的redolog. 2.rman备份脚本: a.RMAN 0级备份 ...

  7. Android开发究竟用什么工具,Eclipse||AS

    所谓公欲善其事必先利器,那就让我们来看一下android的开发工具吧,安卓的开发工具有Eclipse和Android Studio,另外还有IntelliJ IDEA,可能很多人并不知道. 首先看一下 ...

  8. shell编程之正则表达式

    什么是正则表达式?正则表达式是用于描述字符排列和匹配模式的一种语法规则.在很多程序设计语言中都支持利用正则表达式来进行字符串的操作,不同语言中的正则表达式略有不同,但是毕竟都是正则,其本质思想都是一致 ...

  9. NopCommerce 增加 Customer Field

    预期效果: Customer表新增一个Column 该新增字段可以在Admin段 新增 修改 列表查询及显示 示例步骤: 0.数据库表修改 alter table [Customer] add Mem ...

  10. 综合实战--文件上传系统【JDBC&IO&Socket】

    本文纯属记录第一次实战遇到的坑和知识,如果后边有时间再做整理. 1,先写了个操作数据库的工具类SqlTool,照着JDBC资料打完之后,测试的时候出错了,java.lang.ClassNotFound ...