HTML5初识

(一)什么是HTML5

1、HTML5 是下一代 HTML 标准。

2、HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。

3、HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。

4、HTML5的设计目的是为了在移动设备上支持多媒体。

5、HTML5 简单易学。

(二)HTML5 的改进

1、新元素 

2、新属性

3、完全支持 CSS3  

4、Video 和 Audio  

5、2D/3D 制图 

6、本地存储 

7、Web 应用

(三)HTML5 的优点

1、提高可用性和改进用户的友好体验。

2、有几个新的标签，这将有助于开发人员定义重要的内容。

3、可以给站点带来更多的多媒体元素(视频和音频)。

4、可以很好的替代FLASH和Silverlight。

5、将被大量应用于移动应用程序和游戏。

6、可移植性好。

（四）HTML5中新增的元素

1.多媒体元素

（a）audio：定义音频内容

（b）video：定义视频（video 或者 movie）

（c）source：定义多媒体资源 <video> 和 <audio>

2.新表单元素

（a）datalis：定义选项列表。请与 input 元素配合使用该元素，来定义input可能的值

<input list="browsers"> 
<datalist id="browsers"> 
<option value="Internet Explorer"> 
<option value="Firefox"> 
<option value="Chrome"> 
<option value="Opera"> 
<option value="Safari"> 
</datalist

（b）button：<button> 元素既按钮，双标签。与input控件中，将type设置为button一样

<button>按钮</button>

3.新的语义和结构元素

（a）header：定义了文档的头部区域

（b）footer：定义 section 或 document 的页脚。

（c）article：定义页面独立的内容区域。

（d）aside：定义页面的侧边栏内容。

（e）nav：定义导航链接的部分。

（f）progress：定义任何类型的任务的进度。

（g）section：定义文档中的节（section、区段）。

4. 新的表单属性

（a）placeholder ：占位符 

（b）autofocus ：获取焦点

autofocus 属性是一个 boolean 属性.

autofocus 属性规定在页面加载时，域自动地获得焦点。

（c）autocomplete ：自动完成，用于表单元素，也可用于表单自身

autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。

当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项。

（d）name ：指定表单项属于哪个form，处理复杂表单时会需要

（e）novalidate：关闭验证，可用于<form>标签

（f）required：验证条件，必填项

required 属性规定必须在提交之前填写输入域（不能为空）。

（g）pattern：正则表达式 验证表单

pattern 属性描述了一个正则表达式用于验证 <input> 元素的值。

（h）maxlength ：最大长度，一般用于text文本属性

（i）minlength ：最小长度，一般用于text文本属性