前端html5学习笔记

阅读书籍时，摘要其中一些重点，小结如下：

1，一些新引入的标签

文档结构方面，以前都是div，现在增加了：
article，独立内容，譬如博客正文
section，表示一个 内容区块，譬如嵌在article中，或者单独
aside，正文相关的辅助信息，譬如侧边栏，友情链接
footer，页面脚注
nav，导航，以前用 ul搞定的，现在嵌入ul、li明朗化了
figure，文档主体中一段独立单元，figcaption为其标题

新增的媒体标签
audio，音频
video，视频
embed，用来插入各种多媒体

mark元素，需要突出显示和高亮的文字
progress，表示运行中的进程

canvas，画布，用来绘制图形，表示图形。
这个属性本身没有行为，只是高度宽度等。绘图API交给JS代码了

details和summary，配合使用，呈现用户需要的详细信息

控件方面的标签：
datalist，表示可选数据的列表
datagrid，以树形列表来 展示
output，表示不同类型的输出

menu，以前html4中不推荐使用的，现在老树开花

2，一些废弃的标签

对于frameset元素，frame元素，noframes元素，不再支持了。
html5中已不支持frame框架，只支持iframe框架，或者由服务器侧创建 的多个页面组成的复合页面的形式。

其他废除的一些元素，html4中就不怎么用，顺水推舟而已。这儿也不列举出来了。

3，属性方面的修改

对于input，select，button等标签，指定autofocus，可以自动获得焦点了。input输入框中可以指定placeholder，展位符提示用户。

另外，对于这些input等表单控件，可以指定form属性，声明它属于哪个表单。也就是 说可以放到页面任何位置 了，以前必须包裹在表单中。

还可以指定required属性，提示用户必须填充input等控件。
还有些具体的检查属性，做合法性校验，以前这些是JS代码来做的。

html4中很多布局属性都废弃了，趋势是 用CSS样式来搞定。
也就是说，html用标签元素展示控件和 内容，像布局、样式什么的，就交给CSS来搞定吧。

另外，html5增加了一些全局属性。譬如可编辑……

4,使用的新特性

file标签，以前只能选择一个文件，现在可以multi选择多个了。
并且提供了fileReader来读取文件内容。

本地存储。提供了sessionStorage和localStorage功能，将session中数据保存到本机，或者直接将数据保存在本机。如果觉得不够用，上js操作sqlite数据库。

manifest文件记录本地缓存，这样离线也能打开网页了。
浏览器最先请求服务器网页，然后根据manifest文件缓存，后续直接使用本地缓存页面。
当然浏览器会请求服务器manifest文件是否更新，如果有更新，就重新请求缓存文件。但不会立即刷新，得用户手工刷新。（这样不好吧？）

双向通信，不再是浏览器触发，服务器响应了。现在服务器可以主动推送消息给浏览器了。
这便是websocket通信能力，html5重点推出的新特性。还能跨域通信哦。

h5新增了一个web worker线程api，把那些耗时的js代码用worker线程运行吧。但要注意，woker里面不要访问页面和窗口对象。不然为什么就worker线程了！同其他编程语言一个意思。
但在线程中可以使用ajax请求，以及websocket向server发送请求，接收消息等。

postmessage和onmessage两个关键函数，用于worker线程和窗口交互消息。

还有新增的地理位置信息…….