HTML5新特性

什么是HTML5

HTML5将成为HTML、XHTML、以及HTML DOM的新标准
HTML5是W3C与WHATWG合作的结果
为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特性。Internet Explorer 9将支持某些HTML5特性。

web上的视频格式

大多数视频是通过插件来显示的。然而，并非所有浏览器都拥有同样的插件。
HTML5贵定一中通过video元素来包含视频的标准方法
当前video支持三种视频格：
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

使用方式

<video src="movie.ogg" controls="controls">
（当浏览器不支持video元素时会显示video元素内文字）
</video>

controls属性提供添加播放、暂停和音量控件
如果要适用于多种内核浏览器，就可以使用到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元素内文字）
</video>

video标签的属性

属性	值	描述
autoplay	autoplay	视频缓存成功后马上播放
controls	controls	显示控件，比如播放按钮
height		设置视频播放器的高度
width		设置视频播放器的宽度
src	URL	播放视频的地址
loop	loop	当媒介文件完成播放后再次开始播放
preload	preload	视频在页面加载时进行加载，并预备播放，autoplay优先级高于该属性

HTML5 Input类型

HTML拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
新的输入类型：

• email
• URL
• number
• range
• Date picker
• search
• color

HTML的新的表单属性

新的form属性：

• autocomplete
• novalidate

新的input属性：

• autocomplete
• autofocus
• form
• form overrides（formaction ,formenctype, formmethod, formnovalidate, formtarget）
• height和width
• list
• min,max和step
• multiple
• pattern
• placeholder
• required