`
xpenxpen
  • 浏览: 725809 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

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笔记】 在现代网页设计中,CSS3和HTML5的引入极大地提升了网页的交互性和表现力。本文将重点探讨其中的关键特性,包括过渡效果、贝塞尔曲线、HTML5的新增表单控件以及盒模型的扩展。 **过渡 ...

    HTML5详细笔记

    详细的HTML5笔记,HTML5笔记,HTML5笔记,HTML5笔记。

    HTML5笔记1.pdf

    HTML5笔记1.pdf中涵盖了HTML5的基础知识点,包括新特性、多媒体、表单和验证、Web存储等方面的内容。这篇笔记为读者提供了一个完整的HTML5基础知识框架,旨在帮助读者快速掌握HTML5的基础知识。

    HTML5笔记1

    HTML5笔记1 HTML5笔记是HTML骨架的基础知识,涵盖了网页的基本组成元素、浏览器的种类和内核、Web标准的重要性等内容。 网页的基本组成元素 网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页...

    html5笔记

    html5表单基础

    千锋html5线下培训html5笔记1~14天内容

    千锋html5线下培训html5笔记1~14天内容,主要讲了html基础,css基础,css3基础,html5基础,移动端基础,每集我都做了笔记,比较清晰;

    HTML5学习笔记

    HTML5学习的详细教程,能快速帮助你掌握这门技术。

    html5笔记.txt

    自我整合的web之html5的学习历程笔记,常用api的各种介绍,实用实战

    html5笔记每日一更.xmind

    HTML笔记每日一更

    html5笔记培训

    HTML5--HTML技术新发展中的版本,非革命性的发展,但能更大的满足web时代的需求

    ssm.ssh,css,bootstrap,html5笔记.rar_css_html5 后台_ssh_ssm bootstrap

    在提供的笔记中,读者可以期待学习到如何使用这些框架进行后台开发,如配置、拦截器、服务和控制器的设计,以及如何使用CSS来美化页面,运用HTML5的新特性提升用户体验,还有如何利用Bootstrap快速构建响应式界面。...

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...

    html 5 学习教程笔记.zip

    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新增结构标签 在HTML5中,为了更好地组织页面内容并增强语义性,引入了一系列新的结构标签,这些标签不仅能够帮助开发者更清晰地定义页面的不同部分,同时也为搜索...

    bootstrap学习笔记-html5

    这个“bootstrap学习笔记-html5”压缩包文件显然包含了有关如何使用Bootstrap和HTML5进行网页设计的资料,非常适合初学者入门。接下来,我们将深入探讨这两个重要主题。 HTML5(超文本标记语言第五版)是网页开发的...

    html5学习笔记.pdf

    从给定文件的内容来看,这份HTML5学习笔记重点介绍了HTML5表格、列表和表单元素的使用方法。 知识点一:HTML5表格元素 表格是HTML页面中用于展示数据的常用方式,包括三大基本元素:表格(table)、行(tr)和...

    韩顺平 HTML网页 笔记

    2. **HTML5新特性**:随着HTML5的普及,笔记也会涵盖新引入的元素,如`<section>`、`<article>`、`<header>`、`<footer>`,以及`<canvas>`、`<video>`、`<audio>`等多媒体支持,这些都极大地丰富了网页的表现力。...

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用,小编自己整理的李立超老师视频的笔记,手打不易,那就望您每年快乐吧。逃) 一、进制 1.十进制(日常使用): 特点:满10进1 计数:0 1 ...

Global site tag (gtag.js) - Google Analytics