HTML5学习笔记-第三章 高级应用
十四、表单类型扩展
1、placeholder属性可以在输入型控件中，在还没有输入之前显示提示性语句。
2、在做安全性比较高的网页的时候，可以选择autocomplete属性，选择是否允许保存数据，自动填写。在安全性比较高的场景，应该禁止使用自动填写
3、autofocus空间自动获得光标焦点。一般不怎么用，搜索页面可以用
4、list+dataList可以在用户点击输入框时，提供选择输入
5、min和max可以限制输入范围，step可以设置输入的倍数
6、input元素有email\url\data(日期输入框)\time\datatime\mouth\week\range滑动条选择、color颜色选择器等选择
7、output可以显示表单或者脚本的结果，但是要从属于某一个表单
8、在表单提交后，可以对表单进行验证
required：标明为必填 pattern可以限定是否满足某一个正则表达式的格式
9、在填写较多表单的时候，需要分部分进行验证。当验证某一部分的时候，需要关闭掉其他部分的验证。使用form的novalidate可以关闭掉验证。填写那一部分，就把那一部分的验证打开。
10、setCustomValidity可以自定义错误信息。
11、新增的页面元素
Figure和figcaption用来表示网页上一块独立的内容，可以显示图片、音频、视屏等
Details用于说明文档或者某个细节信息的作用。点击会展开显示说明
Mark元素会高亮显示指定的内容
Progress进度条
Meter表示规定范围内的数量值
改良的ol列表可以以逆序显示列表
Small可以显示免责、警告等小字
十五、本地数据库操作和web storage
1、Web Storage是在客户端本地保存数据的web storage功能。在以前，一般是由cookies保存，但是cookies比较小，只有4k,而且操作麻烦、占用带宽，因此html5重新定义了在本地存储的得方式，就是web stroage。
2、Web Storage由两种组成，一种是sessionStorage:将数据保存在session对象中，也就是在浏览该网页的期间有效，关闭浏览器数据就会丢失。一种是localStorage,是永久保存在本地，浏览器关闭后数据仍然存在。
3、在对数据的操作过程中，一般是通过键值对的方式来进行测操作的，提供查询、删除、清空、存储等API 。
4、在使用的过程中，多使用JSON，因为有的浏览器将数据限定为文本字符串类型。JSON可以将对象与字符串相互表示（感觉类似于JAVABean）。
5、本地数据库：类似与SQLLite文件型数据库。这是在HTML5中内置的数据库。
6、操作数据库的时候，打开与创建数据库都是openDatabase，提供创建表、增删查改等操作
7、跨文档消息通信：若需要在不同的文档之间传递消息，不仅仅是同一个网站的，可以利用postMessage来进行传输。（这种通信机制感觉类似于socket，需要在两边都写语句，一边不断的监听接收，一边发送）
十六、WebWorker处理线程
1、Web Worker是在HTMLT中新增的，用来在Web应用程序中实现后台处理的一项技术。
2、创建线程，可以通过收发数据与后台线程相互传递数据。Var worker = new Worker(“jj.js”);括号内为需要执行脚本文件的URL。
3、postMessage()对后台线程发送消息，需要是文本信息。JS对象需要通过JSON来进行转换后才能发送。
4、在线程内部也能进行消息传递
十七、离线应用程序
1、离线应用程序的作用是当在没有联网的情况下，也可以进行单机操作。典型的应用为邮箱。
2、缓存清单（manifest）上面写了需要缓存的对象，一般是永久保存在本地
3、在写manifest的时候，第一行必须是CACHE MANIFEST，以告诉浏览器本文件的作用是缓存清单
4、在指定资源文件的时候，有三类：
CAHCE:指定需要被缓存在本地的资源文件
NETWORKL显示不进行本地缓存的资源文件，这些资源只有当客户端与服务器建立连接后才能使用
FALLBACK：每行指定两个资源文件，第一个为在线使用的文件，第二个为离线的时候得备用资源文件。
十八、获取地理位置
1、在HTML5中，新增的geolocation属性可以定位。getCurrentPosition()可以获取用户地理位置
2、采用watchPosition可以定的获取用户地理位置
3、当获取地理信息成功后，可以得到经纬度、海拔高度、前进方向、速度、时间等属性
4、可以使用GOOGLE地图的API，将位置反映到地图上。