日期:2014-05-17  浏览次数:20579 次

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

以下是笔记。

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

2.video和audio, 可以播放视频和音频了。转码的工具 Firefogg http://firefogg.org/  ffmpeg2theora ffmpeg2theora

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

4.localstorage 本地存储,可以在硬盘上存数据了。以前也能存,但功能不强大,大多需要插件支持,如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等多个存储方法逐一尝试,以便最大限度的兼容

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

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

7.getItems 微数据

8.webworkers 可以多线程编程了

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

10.history 可以通过脚本查看浏览历史了