HTML5学习知识杂记

比较html4：

1、新增加的元素：

section元素，表示页面中的一个内容区块，比如章节、页眉、页脚

article元素，表示页面中一块与上下文不相关的独立内容，如报纸中的一篇文章

aside元素，表示article元素内容之外的

header元素，表示页面中一个内容区或整个页面的标题

hgroup元素，对整个页面或页面中一个内容区块的标题进行组合

footer元素，内容区块的脚注

nav元素，导航连接

figure元素，一段独立的流内容

新增的其他元素：

video，audio，embed，mark，progress，time

新增的功能：

canvas，command，details

2、新增的input功能

Email，url，number，range，date

3、新增的属性

autofocus，placeholder，form，required，autocomplete，min，max，multiple，pattern，step

全局属性：

contentEditable，元素是否可编辑

designMode，页面是否可编辑

spellcheck，拼写和语法检查

4、增强的表单验证

相对于html4，从属元素必须书写在表单内部，html5，可以卸载页面上任意位置，给元素制定一个form属性，也可以指定formaction，实行分次提交。

增加了input种类，url、Email、date、time、datetime、datetime-local、month，week，number、range、search、Tel、color

表单验证：required、pattern

取消验证：整体form元素的novaidate，单个元素formnovalidate

文件存取：html5能获取file文件的大小和类型，fileReader接口的方法，readAsBinaryString、readAsText、readAsDataURL

拖放：draggable

5、canvas

6、video、audio

7、本地存储、本地数据库

8、离线应用

9、通信api、webSockets

10、使用webworkers处理线程

11、获取地理位置信息