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

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