点击这里给我发消息

网站建设语言HTML5 新功能,全标签详解

发布时间:2019-03-04 浏览:

HTML5 介绍

 

HTML5 草案的前身名为 Web Applications 1.0。於 2004 年被 WHATWG 提出,於 2007 年被 W3C 接纳, 并成立了新的 HTML 工作团队。在 2008  1  22 日,第一份正式草案已公布,预计将在 2010  9 月正式向公众推荐。WHATWG 表示该规范是目前正在进行的工作,仍须多年的努力。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

操作系统

 

浏览器

 

支持度


 

Windows

Internet Explorer 6

不支持

如果安装了Google Chrome Frame,支持 HTML5


Internet Explorer 7

 

不支持

 

如果安装了Google Chrome Frame,支持 HTML5


Internet Explorer 8

 

不支持

 

如果安装了Google Chrome Frame,支持 HTML5


Internet Explorer 9

 

支持(mp4,webm*)

 

*如果安装了VP8 解码器


 

Firefox < 3.5

 

不支持



 


 

Firefox 3.5, 3.6

支持(ogg



 

Firefox 4

支持(webm,ogg



 

Chrome < 3

 

不支持



 

Chrome 3, 4, 5

支持(mp4,ogg



 

Chrome 6

支持(mp4,webm,ogg



 

Opera < 10.5

 

不支持



 

Opera 10.5

支持(ogg



 

Opera 10.6

支持(webm,ogg



 

Opera 11

支持(webm,ogg



 

Safari 3.1, 4, 5

支持(mp4


 

Mac

 

Safari < 3.1

 

不支持



 

Safari 3.1, 4, 5

支持(mp4



 

Firefox < 3.5

 

不支持



 

Firefox 3.5, 3.6

支持(ogg



 

Firefox 4

支持(webm,ogg



 

Chrome < 3

 

不支持



 

Chrome 3, 4, 5

支持(mp4,ogg



 

Chrome 6

支持(mp4,webm,ogg



 

Opera < 10.5

 

不支持



 

Opera 10.5

支持(ogg



 

Opera 10.6

支持(webm,ogg



 

Opera 11

支持(webm,ogg


 

Linux

 

Firefox < 3.5

 

不支持



 

Firefox 3.5, 3.6

支持(ogg



 

Firefox 4

支持(webm,ogg



 


 

Chrome < 3

 

不支持




 

Chrome 3, 4, 5

支持(mp4,ogg



 

Chrom

支持(mp4,webm,ogg



 

Opera < 10.5

 

不支持



 

Opera 10.5

支持(ogg



 

Opera 10.6

支持(webm,ogg



 

Opera 11

支持(webm,ogg



 

Konqueror < 4.4

 

不支持



 

Konqueror 4.4+

支持(ogg


 

iOS

(iPhone,iOS 3,4) Safari

 

支持(mp4

 

早期版本(iOS 1,2)不支持 HTML5 视频


(iPad, iOS 3.2) Safari

 

支持(mp4


 

Android

 

Android 2.1, 2.2

 

支持(mp4



 

Android 2.3

支持(mp4


ogg = 带有 Thedora 视频编码和 Vorbis 音频编码的 Ogg 文件。

mp4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件。

 标记

定义和用法

标签定义声音,比如音乐或其他音频流。实例:

一段简单的 HTML 5 音频

您的浏览器不支持 audio 标签。

音频格式:

当前,audio 元素支持三种音频格式:


 

IE 8

 

Firefox 3.5

 

Opera 10.5

 

Chrome 3.0

 

Safari 3.0


 

Ogg Vorbis


 

 

 



 

 

MP4




 

 

 

Wav


 

 


 

 

 标记

 

定义和用法:

标签定义图形,比如图表和其他图像。实例:

如何通过 canvas 元素来显示一个红色的矩形:

什么是 Canvas

HTML5 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。

canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

 HTML5:  标签的改变

 

HTML5 吸取了 XHTML 2 一些建议,包括一些用来改善文档结构的功能,比如,新的 HTML  标签 header, footer, dialog, aside, figure 等的使用,将使内容创作者更加语义地创建文档,之前的开发者在这些场合是一律使用 div 的。

HTML5 还包含了一些将内容和展示分离的努力,开发者们也许会惊讶, b  i 标签依然存在, 但它们的意义已经和之前有所不同,这些标签的意义只是为了将一段文字标识出来,而不是为了为它们设置粗体或斜体式样。ufontcenterstrike 这些标签则被完全去掉了。

新标准适用了一些全新的表单输入对象,包括日期,URLEmail 地址,其它的对象则增加了对非拉丁字符的支持。HTML5 还引入了微数据,一种使用机器可以识别的标签标注内容的方法,使语义Web 的处理更为简单。总的来说,这些与结构有关的改进使内容创建者可以创建更干净,更容易管理的网页,这样的网页对搜索引擎,对读屏软件等更为友好。

新应用程序接口(API

 

除了原先的 DOM 接口,HTML5 增加了更多 API,如:

1. 用于即时 2D 绘图的 Canvas 标签

2. 定时媒体回放

3. 离线数据库存储

4. 文档编辑


 

5. 拖拽控制

6. 浏览历史管理

HTML 4 的不同之处

 

新的解析顺序新的元素:section, video, progress, nav, meter, time, aside, canvasinput 元素的新属性: 日期和时间,email, url。新的通用属性:ping, charset, async 全域属性:id, tabindex, repeat。移除元素: center, font, strike

HTML 5 有两大特点:

首先,强化了 Web 网页的表现性能。除了可描绘二维图形外,还准备了用于播放视频和音频的标签。

其次,追加了本地数据库等 Web 应用的功能。

异常处理

 

HTML5(text/html)浏览器将在错误语法的处理上更加灵活。HTML5 在设计时保证旧的浏览器能够安全的忽略掉新的 HTML5 代码。与 HTML4.01 相比,HTML5 给出了解析的详细规则,力图让不同的浏览器即使在发生语法错误时也能返回相同的结果。

 html5 标签

 

按字母顺序排列的标签列表

?4: 指示在 HTML 4.01 中定义了该元素

?5: 指示在 HTML 5 中定义了该元素

标签 描述 4 5

定义注释。 4 5

定义文档类型。 4 5

定义超链接。 4 5

定义缩写。 4 5

HTML 5 中不支持。定义首字母缩写。 4

定义地址元素。 4 5

HTML 5 中不支持。定义 applet 4

定义图像映射中的区域。 4 5

定义 article 5