详细可见本书《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
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 可以通过脚本查看浏览历史了
要点总结:
http://diveintohtml5.info/peeks-pokes-and-pointers.html
分享到:
相关推荐
详细的HTML5笔记,HTML5笔记,HTML5笔记,HTML5笔记。
HTML5笔记
html5表单基础
HTML5笔记1.pdf
transition:6s cubic-bezier(0.400, -0.240, 0.755, 1.2);贝塞尔曲线规定了transition的变化速度轨迹,如题意思是:在运动初期会先向后缓冲然后加速前进,到达终点后冲出终点有再反弹回终点。
千锋html5线下培训html5笔记1~14天内容,主要讲了html基础,css基础,css3基础,html5基础,移动端基础,每集我都做了笔记,比较清晰;
我的学习HTML5 笔记
HTML5学习的详细教程,能快速帮助你掌握这门技术。
自我整合的web之html5的学习历程笔记,常用api的各种介绍,实用实战
一、html5页面结构 二、html5标记 三、html5结构化语义元素 四、表单 五、html5媒体元素:audio和video 六、html5绘图API 七、html5 Canvas
HTML笔记每日一更
HTML5--HTML技术新发展中的版本,非革命性的发展,但能更大的满足web时代的需求
1. 新建一个demo 的 TXT 文件 2. 里面写入刚才的HTML 骨架 3. 把后缀名改为 .HTML 4. 右击--谷歌浏览器打开 1.双标签 2.单标
Web前端项目实战HTML5篇 目录 目录 2 第1章 前言 3 1.1 认识HTML5 3 1.2 语法规范 4 第2章 语义化 6 2.1 语义化标
自己根据一套教学视频 总结了一个word,涵盖了html5基础知识,操作。并且不好理解的地方都都有示例图。适合刚学习html的萌新或者你之前学习过,但有时候某个地方想不起来 看一眼,查阅一下 都很不错
包含了主流的后台框架笔记,如ssm,ssh,还有前端的一些笔记,比如javascript,css.html5,bootstarp框架,内容详细全面
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
html 5 学习教程笔记html 5 学习教程笔记html 5 学习教程笔记 html 5 学习教程笔记html 5 学习教程笔记html 5 学习教程笔记 html 5 学习教程笔记html 5 学习教程笔记html 5 学习教程笔记 html 5 学习教程笔记html 5 ...