前　　言

你还在用Flash吗？“帮主”早不用了

乔布斯生前在公开信《Flash之我见》中预言：像HTML 5这样在移动时代中创立的新标准，将会在移动设备上获得胜利。

——国际巨头Google、苹果等都支持HTML 5标准，要不要学，你看着办！

BAT三巨头都偷偷用上HTML 5了

HTML 5目前在国内的发展达到了空前的高度，以BAT三大巨头互联网公司为例，它们都已经争先恐后地将HTML 5的新技术融入到了现实的开发领域中。本书的例子会涉及WebQQ、一淘网、大众点评网等公司在HTML 5方向的技术运用情况。

——还不知道BAT是谁？太out了，百度、阿里、腾讯，地球上的国人应该都知道吧。

HTML 5做了哪些改变

语义性、本地存储、设备访问、连接性、多媒体、平面和三维效果、性能和集成、CSS 3是HTML 5技术的核心，本书不光介绍八大特性的理论，重点是通过实战示例让读者精通它们。

——世界上有八大奇迹，HTML 5也有八大特性。

本书真的适合你吗

本书帮你从HTML 4时代过渡到HTML 5时代；本书提供现实生活中的应用，包括移动应用和普通PC应用；本书会涉及HTML 5的游戏库、图表库、框架介绍和案例；本书从现实的表单使用场景出发，解决低版本浏览器的兼容问题；本书介绍各种W3C规范来自什么标准，用向何处；本书提供多套作者自己实际应用的跨浏览器的原生解决方案。

——怕HTML 5不兼容？没关系，本书给出了优雅降级和各种跨浏览器兼容方案。

本书涉及的技术或框架

Modernizr	jQuery Mobile	Chrome浏览器调试
jQuery	JQ.Mobi	Fiddler加速
Paper.js	HTML 5 Boilerplate	JSONP
WebGL	Less Framework	JSON
SVG	Raphael	Google地图
WebRTC	Highcharts	Swig模板
Socket.IO	Three.js	Consolidate.js
MVC	Sublime Text 2
Sencha Touch	Node.js

本书涉及的示例和案例

当前天气的APP	WebQQ的通讯
新闻阅读列表APP	花开花落的动画
一个网站的用户增长曲线图	MP3播放器
网页中的3D效果	追踪用户位置
用Node.js搭建Web Server	用浏览器拍照和摄像
销售数据图表	类iPhone鼠标拖动效果
带字幕的视频播放器	文件拖放上传
手机定位	桌面提醒工具
可拖放文本阅读器	微博信息实时推送
聊天室	在线代码编辑器
排队处理订单	预览网页内容
离线留言	手机遥控PPT
新消息提醒	响应式新闻阅读列表

本书特点

1．本书不论是理论知识的介绍，还是实例的开发，都从实际应用角度出发，精心选择开发中的典型例子，讲解细致，分析透彻。

2．深入浅出、轻松易学，以实例为主线，激发读者的阅读兴趣，让读者能够真正学习到HTML 5最实用、最前沿的技术。

3．技术新颖、与时俱进，结合时下最热门的技术，如Node.js、响应式设计、移动开发、MVC，让读者在学习HTML 5的同时，了解熟识更多相关的世界先进技术。对于一些无法全面讲解的框架，给出了GitHub的详细地址供读者参考。

4．贴近读者、贴近实际，大量成熟第三方组件和框架的使用和说明，帮助读者快速找到问题的最优解决方案，书中很多实例来自作者工作的大众点评网。

5．贴心提醒，本书根据需要在各章使用了很多“注意”、“说明”等小栏目，让读者可以在学习过程中可以更轻松地理解相关知识点及概念。

本书读者

●　HTML 5开发初学者和前端爱好者

●　前端开发工程师

●　从事后端开发但对前端开发有兴趣的人员

●　想把网站移植到HTML 5技术上来的网页设计人员或站长

●　大中专院校及培训学校的学生

●　从HTML 4向HTML 5过渡的开发人员

本书配套源代码下载地址：http://pan.baidu.com/s/1o6wiaTk，若下载有问题，请电子邮件联系booksaga@163.com，邮件标题为“求代码，HTML5实例”

作　者

2014年1月

前 言