HTML5知识点

1. HTML5中应用缓存是什么？
   cache manifest 用户的离线浏览，也就是说网络连接不可用时，离线状态下也能看到web应用。（除了 Internet Explorer）
   应用缓存可以帮你指定哪些文件需要缓存哪些不需要
   1）CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存
   2）NETWORK（网络） - 在此标题下列出的文件需要与服务器的连接，且不会被缓存
   3）FALLBACK（回退） - 在此标题下列出的文件规定当页面无法访问时的回退页面（比如 404 页面）
   以上都是在后台配置的，前端只需要
   刷新浏览器的应用缓存：
   通过变更#后的版本号而被移除
2. webSql是HTML5的一个规范吗？
   不是，他是基于SQLite
   Web SQL和IndexedDB是什么？
   Web SQL是前端的数据库，它也是本地存储的一种，在浏览器客户端，他使用SQLite实现，SQLite是一种轻量级数据库，它占的空间小，支持创建表，增删改查表格数据，可以使用SQL查询；但是不支持修改表结构，如删掉一纵列，修改表头字段名等。但是可以把整张表删了。同一个域可以创建多个DB，每个DB有若干张表。
   使用：var db = openDatabase(数据库名， 版本，原文标题，数据库大小)；
   db.transaction(function(tx){
   tx.executeSql(sql执行语句)
   })

3.本地存储的概念？
LocalStorage
本地存储添加移除数据：
localStorage.setItem(key, value);
localStorage.getItem(key);
localStorage.removeItem(key);

4.什么是事务存储，我们应该如何创建一个事务存储？
sessionStorage 会话存储和本地存储类似，但数据会在会话中有效，关闭浏览器但时候数据会被删除。

5.cookie、localStorage、sessionStorage区别？
web storage（离线存储）： localStorage、sessionStorage；
cookie在浏览器与服务器间传递，localStorage和sessionStorage在客户端浏览器；
localStorage和sessionStorage存储空间更大；
localStorage长期存储；sessionStorage会话层面的存储；
cookie每次请求新的页面cookie都会被发送，指定作用域，不可跨域；

6.HTML5中什么是不同的新的表单元素的类型？
color、date、email、time、url、range、telephone、number、search、datetime-local

7.如何在javaScript中创建一个worker线程？
当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。
web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。

8.Web Worker和WebSocket
web socket提供更高效的传输协议，web worker提供多线程提高web应用计算效率。

9.ifream有什么缺点
阻塞页面中的onload事件
和主页面共享连接池，而浏览器对相同域的连接有限制
10.如何阻止web worker
w.terminate()

占位符：placeholder
必要属性：required
自动聚焦属性：autofocus
正则属性：patten

datalist、hgroup
HTML5中的输出元素是什么？