HTML5实战

第一部分　简介第1章　HTML5：从文档到应用的转变　31．1　探索标记语言：HTML5速览　41．1．1　HTML5文档的基本结构　41．1．2　使用新的语义元素　61．1．3　使用ARIA角色来增强可访问性　81．1．4　IE6～IE8的支持情况　91．1．5　HTML5所引入的新表单特性　101．1．6　进度条、度量器和可折叠内容　121．2　标记：附加的Web规范　141．2．1　微数据　151．2．2　CSS3　161．2．3　JavaScript和DOM　171．3　HTML5的DOM API　181．3．1　Canvas　191．3．2　音频与视频　191．3．3　拖放功能　201．3．4　跨文档通信、服务器端发送的事件以及WebSockets　211．3．5　文档编辑　231．3．6　Web存储　241．3．7　离线Web应用　251．4　其他API和规范　261．4．1　地理定位API（Geolocation API）　261．4．2　索引数据库API（IndexedDB API）　271．4．3　文件API、文件阅读器API、文件编辑器API与文件系统API　281．4．4　可伸缩矢量图形　291．4．5　Web Graphics Library　301．5　小结　31第二部分　基于浏览器的应用第2章　创建表单：输入小部件、数据绑定以及数据验证　362．1　表单的功能概述与所需知识　372．2　构建表单用户界面　392．2．1　定义表单的基本HTML文档结构　392．2．2　使用表单输入类型email和tel，以及输入属性autofocus、required和placeholder　402．2．3　使用表单输入属性required　432．2．4　使用number输入类型与min、max、data-*输入属性，以及元素来构建具备计算功能的表单　442．2．5　使用表单输入类型month和pattern输入属性　472．2．6　提交还是保存？由用户来选择——formnovalidate和formaction输入类型　492．3　计算金额总计，显示表单输出结果　512．3．1　构建计算函数　522．3．2　获取data-*属性的值　542．4　利用约束验证API来检查表单输入数据　562．4．1　利用setCustomValidity方法和ValidationMessage属性创建自定义验证测试和错误消息　572．4．2　利用invalid事件来侦测失败的表单验证　592．4．3　利用CSS3伪类来设置效元素的样式　592．5　为不支持HTML5相关特性的浏览器提供回退方案　612．5．1　利用Modernizr侦测特性并加载外部资源　612．5．2　使用polyfill和Modernizr来弥补缺陷　622．5．3　不借助约束验证API实现验证　632．6　小结　66第3章　文件编辑和管理：富文本格式、文件存储、拖放　693．1　Super HTML5 Editor：应用概述、必备知识以及初始步骤　703．1．1　定义HTML文档结构　713．1．2　用JavaScript来实现视图导航与状态管理　743．2　富文本编辑与地理定位　763．2．1　使用designMode使HTML页面可编辑　763．2．2　利用execCommand实现富文本编辑控件　783．2．3　利用Geolocation API来定位用户当前位置　803．3　在本地管理文件：File System API、Quota Management API、File API与File Writer API　823．3．1　创建应用文件系统　833．3．2　从文件系统中获取文件列表　853．3．3　文件的加载、查看、编辑以及删除　863．3．4　创建新文件　883．3．5　利用File Writer API来保存文件　923．4　添加交互性的拖放功能　943．4．1　通过拖入操作将文件导入到应用中　943．4．2　通过拖出操作将文件从应用导出　953．5　小结　96第4章　传递消息：HTML5的脚本通信技术　984．1　服务器发送事件（SSE）　994．1．1　一个简单的SSE聊天应用　994．1．2　何时使用SSE　1084．2　使用WebSocket创建一种实时通信Web应用　1084．2．1　应用概述及关键知识点　1094．2．2　利用Node．js创建WebSocket　1114．2．3　构建计划板应用　1134．3　客户端上的通信　1214．3．1　利用postMessage实现跨域通信　1214．3．2　利用跨文档通信组合应用　1224．4　小结　124第 5 章　移动应用：客户端存储与离线执行　1275．1　My Tasks应用的概述、关键知识点及首要步骤　1285．1．1　定义HTML文档结构　1305．1．2　利用CSS控制视图可见性　1325．1．3　利用JavaScript实现视图导航　1335．2　利用Web Storage API管理数据　1345．2．1　从localStorage处读取数据　1355．2．2　将数据存储到localStorage中　1365．2．3　从localStorage中删除数据　1375．3　使用IndexedDB来管理数据　1395．3．1　侦测浏览器对数据库的支持　1405．3．2　创建并连接到一个IndexedDB数据库，创建一个对象存储及索引　1415．3．3　利用HTML和JavaScript开发一个动态列表　1435．3．4　搜索IndexedDB数据库　1455．3．5　使用IndexedDB或Web SQL，将任务添加到数据库中　1485．3．6　从IndexedDB数据库中更新与删除数据　1505．3．7　使用IndexedDB删除整个数据库　1515．4　借助应用缓存清单，创建可离线使用的Web应用　1525．4．1　配置Web服务器，以便使用应用缓存清单MIME类型　1535．4．2　创建一个缓存清单文件　1545．4．3　自动更新应用　1555．5　小结　157第三部分　交互式的图像、媒体及游戏第 6 章　2D Canvas：底层2D图像渲染　1626．1　Canvas基础知识　1636．1．1　设定Canvas绘图环境　1636．1．2　生成Canvas绘图环境　1666．2　创建一个Canvas游戏　1676．2．1　创建游戏引擎的主要部分　1686．2．2　创建动态的矩形　1726．2．3　创建弧形与圆形　1756．2．4　利用路径来创建复杂形状　1766．3　使Canvas元素动起来　1786．3．1　使游戏元素动起来　1796．3．2　碰撞侦测　1806．3．3　实现键盘、鼠标及触摸控制　1826．3．4　控制输入需要考虑的一些问题　1856．4　优化Canvas游戏　1866．4．1　记录得分与关卡　1866．4．2　添加游戏开始界面与结束界面　1906．4．3　借助现成的代码库　1926．5　小结　193第 7 章　SVG：响应式浏览器内图像　1957．1　位图与矢量图形的对比　1967．2　利用XML构建SVG Aliens游戏　1987．2．1　在HTML中设置SVG　1997．2．2　实现简单的形状与文本　2027．2．3　使用XLink和复杂形状　2047．3　利用JavaScript添加交互性　2077．3．1　游戏引擎基本结构和使用界面　2097．3．2　设计模式、动态对象的创建以及输入方式　2117．3．3　创建并组织复杂形状　2167．3．4　维持一个复杂的SVG组　2227．3．5　SVG与Canvas的对比　2287．4　小结　230第 8 章　视频与音频：在浏览器内播放媒体　2328．1　利用HTML5播放视频　2338．1．1　应用预览及构建引用所需的必备知识　2338．1．2　构建播放器的基本架构　2348．1．3　使用video元素为页面加入视频　2368．2　利用HTMLMediaElement接口来控制视频　2378．3　利用source元素指定多种媒体格式　2438．3．1　通过．currentSrc属性获取视频类型　2448．3．2　媒体格式的转换　2468．4　结合用户输入与视频，实现视频标注功能　2478．4．1　使用canvas元素来播放视频　2478．4．2　创建自定义的视频播放控件　2498．4．3　控制播放中的视频　2518．4．4　实现视频标注功能　2568．5　小结　259第 9 章　WebGL：3D应用开发　2619．1　创建一个WebGL游戏引擎　2639．1．1　设置引擎布局　2649．1．2　创建、改变及删除对象的工具　2709．2　与显卡通信　2769．2．1　有关显卡的一些基本

作为Web开发领域里发展最快的技术之一，HTML5凭借其动态特性及跨平台特性日益成为程序设计领域备受推崇的语言。作为一门新兴语言，HTML5的应用范畴远远不止移动浏览器和桌面浏览器这两个方面，本书将带读者了解一个全方位的HTML5。【作者简介】Rob Crowther，Web开发者、知名博主，Hello！HTML5 & CSS3一书的作者。Joe Lennon 企业移动应用开发者。Ash Blue 多个优秀交互式项目的开发者。Greg Wanish 独立Web开发者及电子商务开发者。