目录

第一部分

第1章 HTML 5简介 1

1.1 HTML历史与HTML 5 2

1.2 HTML 5的优势 6

1.3 HTML 5的基本结构和语法变化 8

1.4 本章小结 12

第2章　HTML 5的常用元素与属性 13

2.1 HTML 5保留的常用元素 14

2.2 HTML 5新增的通用属性 31

2.3 HTML 5新增的常用元素 34

2.4 HTML 5头部和元信息 41

2.5 HTML 5新增的拖放API 43

2.6 本章小结 51

第3章　HTML 5表单相关元素和属性 52

3.1 HTML原有的表单及表单控件 53

3.2 HTML 5新增的属性与元素 61

3.3 HTML 5增强的文件上传域 69

3.4 HTML 5新增的客户端校验 75

3.5 本章小结 79

第4章　HTML 5的绘图支持 80

4.1 使用canvas元素 81

4.2 绘图 82

4.3 图形特效处理 95

4.4 控制叠加风格 100

4.5 控制填充风格 102

4.6 位图处理 106

4.7 输出位图 109

4.8 本章小结 111

第5章　HTML 5的多媒体支持 112

5.1 使用audio和video元素 113

5.2 使用javaScript脚本控制媒体播放 116

5.3 事件监听 119

5.4 本章小结 122

第二部分

第6章　级联样式单与CSS选择器 123

6.1 样式单概述 124

6.2 CSS样式单的基本使用 125

6.3 CSS选择器 131

6.4 伪元素选择器 140

6.5 CSS 3.0新增的伪类选择器 150

6.6 在脚本中修改显示样式 166

6.7 本章小结 168

第7章　字体与文本相关属性 169

7.1 字体相关属性 170

7.2 CSS 3支持的颜色表示方法 176

7.3 文本相关属性 178

7.4 CSS 3新增的服务器字体 182

7.5 本章小结 186

第8章　背景、边框和补丁相关属性 187

8.1 背景相关属性 188

8.2 边框相关属性 196

8.3 补丁相关属性 204

8.4 本章小结 207

第9章　大小、定位、轮廓相关属性 208

9.1 大小相关属性 209

9.2 定位相关属性 213

9.3 轮廓相关属性 215

9.4 本章小结 217

第10章　盒模型与布局相关属性 218

10.1 布局相关属性 219

10.2 盒模型和display属性 225

10.3 对盒添加阴影 235

10.4 CSS 3的多栏布局 237

10.5 本章小结 245

第11章　表格、列表相关属性及media query 246

11.1 表格相关属性 247

11.2 列表相关属性 250

11.3 控制光标的属性 253

11.4 media query功能 254

11.5 本章小结 259

第12章　变形与动画相关属性 260

12.1 CSS 3提供的变形支持 261

12.2 CSS 3提供的Transition动画 268

12.3 CSS 3提供的Animation动画 272

12.4 本章小结 277

第三部分

第13章　Javascript语法详解 278

13.1 JavaScript简介 279

13.2 数据类型和变量 280

13.3 基本数据类型 286

13.4 复合类型 298

13.5 运算符 301

13.6 语句 311

13.7 流程控制 315

13.8 函数 323

13.9 函数的参数处理 337

13.10 使用对象 342

13.11 创建对象 347

13.12 本章小结 353

第14章　DOM编程详解 354

14.1 DOM模型概述 355

14.2 DOM模型和HTML文档 356

14.3 访问HTML元素 358

14.4 修改HTML元素 365

14.5 增加HTML元素 367

14.6 删除HTML元素 372

14.7 传统的DHTML模型 376

14.8 使用window对象 378

14.9 navigator和地理位置 386

14.10 使用document对象 391

14.11 HTML 5新增的浏览器分析 394

14.12 本章小结 397

第15章　事件处理机制 398

15.1 基本事件模型 399

15.2 Internet Explorer的事件模型 407

15.3 DOM的事件模型 421

15.4 本章小结 433

第16章　本地存储与离线应用 435

16.1 web Storage 436

16.2 离线应用 444

16.3 本章小结 451

第17章　使用Worker创建多线程 452

17.1 使用Worker创建多线程 453

17.2 与Worker线程进行数据交换 455

17.4 本章小结 462

第18章　客户端通信 463

18.1 跨文档消息传递 464

18.2 使用WebSocket与服务器通信 470

18.3 本章小结 479

第四部分

第19章　HTML 5的疯狂俄罗斯方块 480

19.1 俄罗斯方块简介 481

19.2 开发游戏界面 482

19.3 俄罗斯方块的数据模型 485

19.4 实现游戏逻辑 490

19.5 本章小结 500

　　HTML 5时代即将到来，Firefox、Opera、Chrome等浏览器早已很好地支持各种HTML 5规范，微软从IE 9开始也能支持HTML 5、CSS 3和SVG等新规范。W3C已经把发布HTML 5规范纳入了议事日程。这些事实表明：HTML 5正在向大家招手。

　　笔者一直在自己的电脑上安装着5个浏览器：Internet Explorer、Firefox、Opera、Chrome和Safari，每当这些浏览器有新版本面世时，笔者总会在第一时间去下载并使用它们，总希望了解到这些浏览器对HTML 5的支持程度。现在很欣喜地看到，绝大部分浏览器都已对HTML 5提供了很好的支持。

　　对于所有的前端开发者来说，HTML 5与CSS 3是一个长久的“期待”，因为以前的前端开发太痛苦了①HTML控件的功能过于单一，比如一个简单的日历选择框，前端开发者必须书写大量的JavaScript代码才能完成（或者直接用第三方提供的日历组件）；②各浏览器厂商对HTML、JavaScript、CSS的支持有差异，开发人员需要花费大量时间来解决前端开发所遇到的跨浏览器问题……对于所有从事企业级应用开发的程序员来说，前端开发又是无法回避的，有时候前端UI开发的时间占到整个项目开发时间的40％（甚至更高），HTML 5的到来可以让前端开发者更加轻松。

　　本书特点

　　本书是一本介绍HTML 5、CSS 3和JavaScript开发的实用图书。全书可分为4个部分。

　　第一部分：全面地介绍了HTML 5的全部标签，并且详细地介绍了各标签所支持的属性，并为各HTML标签、属性都提供了配套的示例页面，这些内容不仅可以作为学习HTML 5的教程，也可以作为日常开发的参考手册。

　　第二部分：详细地介绍了CSS 3的绝大部分常用选择器、属性，并为这些选择器、属性提供了示例，方便广大读者参考本书全面、系统地掌握CSS 3的功能和用法。这部分内容也可以作为前端开发者的参考手册。

　　第三部分：重点介绍了JavaScript编程的相关内容，包括JavaScript基础语法、JavaScript函数、JavaScript对象、DOM编程、事件处理、本地存储、离线应用、多线程、跨文档消息通信、WebSocket编程等知识，这些内容既覆盖了初学者的编程基础，也覆盖了HTML 5所支持的新功能，非常适合作为前端开发者的学习教程。

　　第四部分：综合运用了HTML 5的绘图支持、客户端存储、CSS样式、JavaScript编程等内容，开发了一个网页版的“疯狂俄罗斯方块”。这个小游戏既可让读者巩固前面所掌握的各种知识，也可让读者将所学理论运用到实际开发中。

　　需要说明的是，本书只是一本介绍HTML 5、CSS 3、JavaScript实际开发的图书，而不是一本关于所谓“设计思想”的书，不要指望学习本书能提高你所谓的“设计思想”，所以奉劝那些希望提高思想的读者不要阅读本书。

　　本书所介绍的知识都很“浅显”，只要读者愿意坐下来、静心阅读本书，并把书中所有示例循序渐进地练习一遍，本书带给你的只是9个字：“看得懂、学得会、做得出”。本书并没有堆砌一堆“深奥”的新名词、一堆“高深”的思想，本书依然保持了“疯狂Java体系”的一贯风格：思路清晰，语言平实，操作步骤详细。

　　只要读者在阅读本书时遇到知识上的问题，都可以登录疯狂Java联盟与广大Java学习者交流，笔者也会通过该平台与大家一起交流、学习。

　　本书具有如下几个特点。

　　1．知识全面，覆盖面广

　　本书全面介绍了HTML 5、CSS 3、JavaScript的各种相关知识，包括HTML 5增强的表单标签、绘图支持、多媒体支持、CSS选择器、CSS盒模型属性、CSS变形和动画相关属性、离线应用、客户端存储、JavaScript多线程、跨文档消息传递、WebSocket等内容。本书全面覆盖了W3C官网上已发布的HTML 5新规范，也覆盖了部分即将发布的新规范。

　　2．内容实际，实用性强

　　本书并不局限于枯燥的理论介绍，而是采用了“项目驱动”的方式来讲授知识点。无论是讲解HTML 5标签还是CSS 3选择器、属性的功能，几乎每个知识点都可找到对应的参考示例。本书最后还提供了“疯狂俄罗斯方块”案例，实用性很强。

　　3．讲解详细，上手容易

　　本书保持了“疯狂Java体系”的一贯风格：思路清晰，语言平实，操作步骤详细。只要认真阅读本书，把书中所有示例循序渐进地练习一遍，并把本书最后一个案例独立完成，读者就可达到企业前端开发的要求。

　　创作感言

　　又一本新书将面世，我已经退去了看到新书面世的欣喜感，反倒油然而生一种惶恐：也许因为已出版了不少图书，不再产生新鲜的惊喜；也许因为大量读者的殷切期望，深恐自己的新书不能满足所有读者的期望。只能把自己十二分的热忱、十二分的努力交出来，希望众多殷殷期望的读者不会失望。

　　回想这几年，每年过年都在创作图书，也许这才是一种属于我的状态，一种我喜欢的状态，一种很单纯的状态，一种与浮嚣世界保持距离的状态。当家乡的炮竹声在除夕夜此起彼伏时，当广州的人群在街市上川流不息时，我宁愿、宁愿守着自己宁静的家，听着家人温馨的声音，看着屏幕上的字一个一个地出现，这就是我的生活方式。

　　浮嚣世界，熙熙攘攘，世界是热闹的，以一己之身，行走于此滚滚尘世，往往很难心静如水。必得心无旁骛，方生冥冥之志。佛经亦云：凡所有相，皆是虚妄，若见诸相非相，则见如来，也许人生亦该如此。

　　本书写给谁看

　　本书是一本“从零学习”的HTML 5、CSS 3、JavaScript专业图书，阅读本书并不需要额外的基础。对于刚刚从事前端开发的新人，本书具有很好的学习价值；对于有一定工作经验的前端工程师，本书具有很高的参考价值。本书也可作为高校、培训机构的培训教材。由于本书是一本专业级的前端开发技术图书，对于那些只想简单了解HTML、CSS的业余人士，不推荐选择本书。

　　2012-3-10