HTML5笔记

详细可见本书《HTML5 up and running》，在线阅读官网：http://diveintohtml5.org/

以下是笔记。

检测浏览器是否支持HTML5的类库：Modernizr http://www.modernizr.com/
HTML5新特性：
[color=red]1.canvas[/color] 可以画图了，IE9以下不支持，但可以用ExplorerCanvas类库模拟 http://code.google.com/p/explorercanvas/

[color=red]2.video和audio[/color]， 可以播放视频和音频了。转码的工具 Firefogg http://firefogg.org/
ffmpeg2theora

[color=red]3.geolocation[/color] 地理位置， 可以借助GPS查询目前在地图上的位置信息了。geo-location-javascript是一个供移动设备用的geolocation框架 http://code.google.com/p/geo-location-javascript/

[color=red]4.localstorage[/color] 本地存储，可以在硬盘上存数据了。以前也能存，但功能不强大，大多需要插件支持，如cookie，只能存4K数据，还有IE的userdata，flash的LSO，AMASS，ExternalInterface，Google的Gear。现在可以存类似哈希表结构的键值对了，还可以存成SQLLite数据库格式，支持SQL语句查询。对于IE8以前的版本，local-storage-js 可以在没有Local Storage情况下用cookie去替代。另一个javascript库PersistJS 则可从Gears、Local Storage、Web SQL Database、Global Storage、Flash、IE、cookie等多个存储方法逐一尝试，以便最大限度的兼容

[color=red]5.applicationcache[/color] 支持离线应用了，不联网也能用。通过html元素的manifest 属性中指定哪些程序和资源文件需要缓存下来，结合离线 API 就可以在没有网络的时候继续运行程序，待网络恢复后再与服务器同步。目前只对非IE的浏览器有效，IE下需要使用Google Gears

[color=red]6.form 表单增强[/color]。
placeholder text框显示占位文本
autofocus 网页加载时自动聚焦某个text框
email 在手机上输入邮箱地址时自动灰掉空格键等
number 只能输数字，而且有spin button
range 显示成slider，滚动条
Date Pickers 显示日期时间选择界面
Color Pickers 显示颜色选择界面

[color=red]7.getItems 微数据[/color]

[color=red]8.webworkers[/color] 可以多线程编程了

[color=red]9.Web Sockets [/color] 可以提供一个socket持久通信连接，以替代问题多多的Comet或是Ajax轮询的方案。同样只支持非IE浏览器，在IE上web-socket-js 利用Flash来实现

[color=red]10.history[/color] 可以通过脚本查看浏览历史了

要点总结：
http://diveintohtml5.info/peeks-pokes-and-pointers.html