13962797012

网站建设语言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 标签依然存在，但它们的意义已经和之前有所不同，这些标签的意义只是为了将一段文字标识出来，而不是为了为它们设置粗体或斜体式样。u，font，center，strike 这些标签则被完全去掉了。

新标准适用了一些全新的表单输入对象，包括日期，URL，Email 地址，其它的对象则增加了对非拉丁字符的支持。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
定义页面内容之外的内容。 5
定义声音内容。 5
定义粗体文本。 4 5
定义页面中所有链接的基准 URL。 4 5
HTML 5 中不支持。请使用 CSS 代替。 4
定义文本显示的方向。 4 5
HTML 5 中不支持。定义大号文本。 4
定义长的引用。 4 5

定义 body 元素。 4 5

插入换行符。 4 5