HTML5新手入门指南
1星 需积分: 9 99 浏览量
2011-08-03
11:11:40
上传
评论 3
收藏 37KB DOC 举报 
HTML5 的发展越来越迈向成熟，很多的应用已经逐渐出现在你我日常生活中了，不只让
传统网站上的互动 Flash 逐渐的被 HTML5 的技术取代，更重要的是可以透过 HTML5 的技术
来开发跨平台的手机软件，让许多开发者感到十分兴奋！
当你开始想要学习、试图想要投入相关的开发时，由于 HTML5 的技术还在持续发展、进
化当中，学习的资源也都比较零散，较难有一个整体的方向。在本篇文章中，笔者将会介绍
HTML5 的主要技术组成。
HTML5 到底是什么？
一般广义而言的 HTML5 则包含了 HTML、CSS 和 JavaScript 三个部分，不单单只是
HTML 部分而已，CSS 3 和 JavaScript 也有许多的创新，让整个网页程序功能更加缤纷。
HTML5 的技术组成
脱机功能
HTML5 透过 JavaScript 提供了数种不同的脱机储存功能，相对于传统的 Cookie 而言有
更好的弹性以及架构，并且可以储存更多的内容。
WebStorage – 比 Cookies 更大、更有弹性的的储存
Web SQL Database – 本地端的 SQL 数据库
Indexed DB – Key-value 的本地数据库
Application Cache – 将部分常用的网页内容 cache 起来
实时通讯
以往网站由于 HTTP 协议以及浏览器的设计，实时的互动性相当的受限，只能使用一
些技巧来「仿真」实时的通讯效果，但 HTML5 提供了完善的实时通讯支持。
WebSocket – 实时的 socket 联机
Web Workers – 以往 JavaScript 都是 single thread，透过 Worker 可以有多个
运算
Noti+cations – 原生的提示讯息，类似像 OS X 的 Growl 提示
档案以及硬件支持
不知道大家有没有发现，在 Gmail 等新的网页程序当中，已经可以透过拖拉的方式将档案
作为邮件附件？这就是这部份 HTML5 档案的功能中的 Drag’n Drop 和 File API。
Drag’n Drop – HTML 元素的拖拉
File API – 读取用户本机计算机的内容
Geolocation – 地理定位
Device orientation – 手持装置的方向
Speech input – 语音输入
语意化
资源评论
ying8902015-09-07没有什么用的
纸壳手雷2012-03-02比较坑爹，且含金量极低，两页纸，什么也没说，很失望。
xiaoyurg2014-05-02确实！没啥内容！
