详细可见本书《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
分享到:
相关推荐
【CSS3 + HTML5笔记】 在现代网页设计中,CSS3和HTML5的引入极大地提升了网页的交互性和表现力。本文将重点探讨其中的关键特性,包括过渡效果、贝塞尔曲线、HTML5的新增表单控件以及盒模型的扩展。 **过渡 ...
详细的HTML5笔记,HTML5笔记,HTML5笔记,HTML5笔记。
HTML5笔记1.pdf中涵盖了HTML5的基础知识点,包括新特性、多媒体、表单和验证、Web存储等方面的内容。这篇笔记为读者提供了一个完整的HTML5基础知识框架,旨在帮助读者快速掌握HTML5的基础知识。
HTML5笔记1 HTML5笔记是HTML骨架的基础知识,涵盖了网页的基本组成元素、浏览器的种类和内核、Web标准的重要性等内容。 网页的基本组成元素 网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页...
html5表单基础
千锋html5线下培训html5笔记1~14天内容,主要讲了html基础,css基础,css3基础,html5基础,移动端基础,每集我都做了笔记,比较清晰;
HTML5学习的详细教程,能快速帮助你掌握这门技术。
自我整合的web之html5的学习历程笔记,常用api的各种介绍,实用实战
HTML笔记每日一更
HTML5--HTML技术新发展中的版本,非革命性的发展,但能更大的满足web时代的需求
在提供的笔记中,读者可以期待学习到如何使用这些框架进行后台开发,如配置、拦截器、服务和控制器的设计,以及如何使用CSS来美化页面,运用HTML5的新特性提升用户体验,还有如何利用Bootstrap快速构建响应式界面。...
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 ...
### HTML5高级程序设计学习笔记 #### 一、HTML5新增结构标签 在HTML5中,为了更好地组织页面内容并增强语义性,引入了一系列新的结构标签,这些标签不仅能够帮助开发者更清晰地定义页面的不同部分,同时也为搜索...
这个“bootstrap学习笔记-html5”压缩包文件显然包含了有关如何使用Bootstrap和HTML5进行网页设计的资料,非常适合初学者入门。接下来,我们将深入探讨这两个重要主题。 HTML5(超文本标记语言第五版)是网页开发的...
从给定文件的内容来看,这份HTML5学习笔记重点介绍了HTML5表格、列表和表单元素的使用方法。 知识点一:HTML5表格元素 表格是HTML页面中用于展示数据的常用方式,包括三大基本元素:表格(table)、行(tr)和...
2. **HTML5新特性**:随着HTML5的普及,笔记也会涵盖新引入的元素,如`<section>`、`<article>`、`<header>`、`<footer>`,以及`<canvas>`、`<video>`、`<audio>`等多媒体支持,这些都极大地丰富了网页的表现力。...
尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用,小编自己整理的李立超老师视频的笔记,手打不易,那就望您每年快乐吧。逃) 一、进制 1.十进制(日常使用): 特点:满10进1 计数:0 1 ...