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修改hostname

    当我觉得对Linux系统下修改hostname已经非常熟悉的时候,今天碰到了几个个问题,这几个问题给我好好上了一课,很多知识点,当你觉得你已经掌握的时候,其实你了解的还只是皮毛.技术活,切勿浅尝则止! ...

  2. PHP+Apache+Zend Studio+MySql+Navicat+phpAdmin

    本文章介绍整个PHP开发环境的搭建 数据库:MySql  5.5.50 数据库软件:Navicat 11.1.20和phpAdmin 4.6.5.1任选 php库:PHP 7.0.13 服务器:Apa ...

  3. ipv4理论知识1-ipv4介绍,ipv4记法,地址段个数算法

    定义 在TCP/IP协议中,用于在IP层识别连接到因特网设备的标识符称为因特网地址或IP地址.IPv4地址是一个32位的地址. 地址空间 像IPv4这种定义了地址的协议都有一个地址空间.地址空间就是协 ...

  4. loadrnner添加C语言代码的几种方式

    今天有人在群里问,想直接把自己的C语言代码让lr调用,该怎么搞. 这东西说来简单,只是对Loadrunner这工具不熟悉可能才会有这种问题吧.个人理解,一般有三种方法吧,废话不多,直接干货. 1.直接 ...

  5. sqlServer数据库实现不同库之间表迁移

    (1) (2) 点击开始便进行数据库到库的迁移.

  6. Specific sleep staging features in EEG

    Source: MedScape Overview NREM and REM occur in alternating cycles, each lasting approximately 90-10 ...

  7. 可能是史上最强大的js图表库——ECharts带你入门

    PS:之前的那篇博客Highcharts——让你的网页上图表画的飞起 ,评论中,花儿笑弯了腰 和 StanZhai 两位仁兄让我试试 ECharts ,去主页看到<Why ECharts ?&g ...

  8. java并发编程学习:如何等待多个线程执行完成后再继续后续处理(synchronized、join、FutureTask、CyclicBarrier)

    多线程应用中,经常会遇到这种场景:后面的处理,依赖前面的N个线程的处理结果,必须等前面的线程执行完毕后,后面的代码才允许执行. 在我不知道CyclicBarrier之前,最容易想到的就是放置一个公用的 ...

  9. 让 http 2来得更猛烈些吧

    今早在公交车上,把http2的官方讲解文档(还在草案之中)看了一圈,发现相对http 1.1确实改进了不少,完整的文档可通过:://www.gitbook.com/book/ye11ow/http2- ...

  10. 关于DOS与cmd(windows系统)

    dos是计算机的最初期的操作系统,对电脑操作必须输入各种dos命令窗口,可以理解成运行计算机机器内部语言,知道编程吗?其实早期dos命令操作系统就是运行计算机内部的编程命令,因此操作人员都必须具有一定 ...