HTML5总结

起步

首先，先了解一下

HTML5

的发展起步。

HTML5

是

W3C

和

WHATWG

合作的结果。

注：

 W3C 

指

 World Wide Web Consortium

，万维网联盟。

WHATWG 

指

 Web Hypertext Application Technology Working Group

。网络超

文本应用技术工作组

他们对

HTML5

建立了一些规则：

?

新特性应该基于

HTML

、

CSS

、

DOM

以及

JavaScript 

?

减少对外部插件的需求（比如

Flash

）

?

更优秀的错误处理

?

更多取代脚本的标记

?

HTML5

应该独立于设备

?

开发进程应该对公众透明

HTML5

中一些有趣的新特性：

?

用于绘画的

canvas

元素

?

用于媒介回放的

video

和

audio

元素

?

对本地离线存储的更好的支持

?

新的特殊内容元素，比如

article

、

footer

、

header

、

nav

、

section 

?

新的表单控件，比如：

calendar

、

date

、

time

、

email

、

url

、

search 

最新版本的

Safari

、

Chrome

（谷歌浏览器）

、

Firefox

以及

Opera

支持某些

HTML5

特性，

IE9

将

支持某些特性。

Web

视频

现如今，大多数的视频都是插件（比如

Flash

）来显示的，但是并非所有的浏览器都拥

有同样的插件。

HTML5

规定了一种通过

video

元素来包含视频的标准方法（不需要插件的

哦！

！

！强大吧）

当前，

video

元素支持三种视频格式：

Ogg

、

MPEG4

、

WebM 

在

HTML5

中显示视频，您所需的只是这样写：

<video src="movie.ogg" controls="controls"> 

您的浏览器不支持该功能！

</video> 

<video> 

与

</video> 

之间插入的内容是供不支持

video 

元素的浏览器显示的。

video 

元素允许多个

source 

元素。

source 

元素可以链接不同的视频文件。浏览器将使

用第一个可识别的格式：

<video width="320" height="240" controls="controls"> 

<source src="movie.ogg" type="video/ogg"> 

<source src="movie.mp4" type="video/mp4"> 

您的浏览器不支持该功能！

</video> 

<video>

标签的属性

Web

音频

和视频一样，大多数音频都需要插件

（比如

Flash

）才能播放，

HTML5

规定了一种通过

audio

元素来包含音频的标准方法。

Audio

元素能够播放声音文件或者音频流。

Audio

元素支持三种音频格式：

Ogg Vorbis

、

MP3

、

Wav 

使用方法和

video

标签的方法一摸一样，超像的！

<audion>

标签的属性

Canvas

（在网页上绘制图形）

HTML5

的

canvas

元素使用

Javascript

在网页上绘制图形。

画布是一个矩形区域，您可以控制其每一像素

Canvas

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