《HTML 5实战》源代码

本书由资深Web开发专家亲自执笔，内容的权威性上应该是毋庸置疑的。

本书在内容结构上将继承《jQuery权威指南》一书的优点，几乎每个知识点都将配一个精心设计的案例，以便于读者融会贯通和动手实践，这将是本书区别于现有同类书的一个最大特点。全书一共分为10章，全书以HTML 5的使用环境和基本特征开篇，依次详细地讲解了HTML 5中新增的交互元素、重要元素、表单与文件、视频与音频、绘画、数据存储、离线应用、网络应用和拖放等核心内容。

封面图

目录

• 前言
• 第1章拥抱HTML 5 /1
• 1.1一个简单的HTML 5页面 /2
• 1.1.1搭建支持的浏览器环境 /2
• 1.1.2检测浏览器是否支持HTML 5标记 /2
• 1.1.3使用HTML 5结构编写一个简单的Web页面 /4
• 1.2HTML 5页面的特征 /6
• 1.2.1应用全新的HTML 5特征结构化元素 /6
• 1.2.2使用CSS文件美化HTML 5新元素 /9
• 1.3本章小结 /10
• 第2章HTML 5中常用的交互元素 /11
• 2.1内容交互元素 /12
• 2.1.1details 元素 /12
• 2.1.2summary元素 /16
• 2.2菜单交互元素 /17
• 2.2.1menu元素 /17
• 2.2.2command元素 /20
• 2.3状态交互元素 /23
• 2.3.1progress元素 /24
• 2.3.2meter元素 /26
• 2.4本章小结 /28
• 第3章HTML 5中的重要元素 /29
• 3.1html根元素 /30
• 3.2文档元素 /32
• 3.3脚本 /34
• 3.4节点 /37
• 3.4.1section 元素 /37
• 3.4.2nav 元素 /38
• 3.4.3hgroup 元素 /38
• 3.4.4address 元素 /38
• 3.5分组内容 /39
• 3.5.1ul 元素 /39
• 3.5.2ol 元素 /40
• 3.5.3dl 元素 /41
• 3.6文本层次语义 /42
• 3.6.1time 元素 /42
• 3.6.2mark 元素 /43
• 3.6.3cite 元素 /45
• 3.7嵌入内容 /46
• 3.7.1img元素 /46
• 3.7.2iframe元素 /47
• 3.7.3object元素 /48
• 3.8公共属性 /48
• 3.8.1draggable属性 /48
• 3.8.2hidden属性 /50
• 3.8.3spellcheck属性 /51
• 3.8.4contenteditable属性 /53
• 3.9本章小结 /55
• 第4章HTML 5中的表单 /57
• 4.1input元素的新增类型 /58
• 4.1.1email邮件类型 /58
• 4.1.2url地址类型 /60
• 4.1.3number数字类型 /62
• 4.1.4range数字滑动条 /64
• 4.1.5date日期类型 /66
• 4.1.6search搜索类型 /69
• 4.2input元素新增的公用属性 /71
• 4.2.1autofocus 属性 /71
• 4.2.2pattern 属性 /73
• 4.2.3placeholder 属性 /75
• 4.2.4 required 属性 /76
• 4.3新增表单元素 /78
• 4.3.1datalist 元素 /78
• 4.3.2output 元素 /80
• 4.3.3keygen 元素 /81
• 4.4表单新增的验证方法和属性 /83
• 4.4.1checkValidity显式验证法 /83
• 4.4.2使用setCustomValidity方法修改提示信息 /85
• 4.4.3表单的novalidate属性 /87
• 4.5本章小结 /89
• 第5章HTML 5中的文件 /91
• 5.1选择文件 /92
• 5.1.1选择单个文件 /92
• 5.1.2选择多个文件 /93
• 5.1.3使用Blob接口获取文件的类型与大小 /95
• 5.1.4通过类型过滤选择的文件 /97
• 5.1.5通过accept属性过滤选择文件的类型 /99
• 5.2使用FileReader接口读取文件 /101
• 5.2.1FileReader 接口的方法 /101
• 5.2.2使用 readAsDataURL方法预览图片 /101
• 5.2.3使用 readAsText方法读取文本文件 /104
• 5.2.4侦听FileReader接口中的事件 /106
• 5.3使用DataTransfer对象拖放上传图片文件 /109
• 5.4文件读取时的错误与异常 /112
• 5.4.1发生错误与异常的条件 /112
• 5.4.2错误代码说明 /113
• 5.5本章小结 /114
• 第6章HTML 5中的视频和音频 /115
• 6.1多媒体元素基本属性 /116
• 6.1.1元素格式 /116
• 6.1.2width与height属性 /117
• 6.1.3controls属性 /119
• 6.1.4 poster属性 /121
• 6.1.5networkState 属性 /122
• 6.1.6error 属性 /124
• 6.1.7其他属性 /127
• 6.2多媒体元素常用方法 /131
• 6.2.1媒体播放时的方法 /131
• 6.2.2canPlayType 方法 /133
• 6.3多媒体元素重要事件 /136
• 6.3.1媒体播放事件 /136
• 6.3.2timeupdate 事件 /138
• 6.3.3其他事件 /140
• 6.4本章小结 /141
• 第7章HTML 5绘图基础 /143
• 7.1画布的基础知识 /144
• 7.1.1canvas元素的基本用法 /144
• 7.1.2绘制带边框矩形 /146
• 7.1.3绘制渐变图形 /148
• 7.2在画布中使用路径 /151
• 7.2.1moveTo与lineTo的用法 /151
• 7.2.2使用arc方法绘制圆形 /153
• 7.2.3绘制渐变圆形 /157
• 7.3对画布中图形的操作 /160
• 7.3.1变换图形原点坐标 /160
• 7.3.2组合多个图形 /163
• 7.3.3添加图形阴影 /166
• 7.4处理画布中的图像 /168
• 7.4.1绘制图像 /168
• 7.4.2平铺图像 /171
• 7.4.3切割图像 /174
• 7.4.4处理像素 /176
• 7.5画布的其他应用 /179
• 7.5.1绘制文字 /179
• 7.5.2保存、恢复及输出图形 /182
• 7.5.3制作简单的动画 /185
• 7.6本章小结 /188
• 第8章HTML 5中的数据存储 /189
• 8.1Web Storage存储简介 /190
• 8.1.1sessionStorage对象 /190
• 8.1.2localStorage对象 /192
• 8.2localStorage详解 /196
• 8.2.1清空localStorage数据 /196
• 8.2.2遍历localStorage数据 /199
• 8.2.3使用JSON对象存取数据 /202
• 8.2.4管理localStorage数据 /205
• 8.3Web SQL数据库基础 /210
• 8.3.1打开与创建数据库 /210
• 8.3.2执行事务 /212
• 8.3.3插入数据 /215
• 8.3.4数据管理 /218
• 8.4本章小结 /225
• 第9章HTML 5中的离线应用 /227
• 9.1离线应用程序 /228
• 9.1.1manifest 文件简介 /228
• 9.1.2配置IIS服务器 /229
• 9.1.3离线应用的开发过程 /231
• 9.2本地缓存的更新及状态检测 /233
• 9.2.1updateready事件 /234
• 9.2.2update方法 /236
• 9.2.3swapCache方法 /239
• 9.2.4更新本地缓存时触发的其他事件 /241
• 9.3检测在线状态 /244
• 9.3.1onLine 属性 /244
• 9.3.2online 与offline事件 /246
• 9.3.3离线数据交互应用开发过程 /249
• 9.4本章小结 /254
• 第10章HTML 5中的其他应用型API /255
• 10.1Web Sockets API /256
• 10.1.1postMessage方法 /256
• 10.1.2使用WebSocket 传送数据 /260
• 10.1.3使用WebSocket 传送JSON对象 /263
• 10.2Geolocation API /267
• 10.2.1使用 getCurrentPosition方法获取当前地理位置 /267
• 10.2.2使用Google地图锁定位置 /273
• 10.3Web Workers API /275
• 10.3.1Worker对象处理线程 /276
• 10.3.2使用线程传递JSON对象 /279
• 10.3.3使用线程嵌套交互数据 /281
• 10.4本章小结 /284
• 第11章HTML 5中元素的拖放 /285
• 11.1拖放基础 /286
• 11.1.1使用JavaScript代码实现拖放 /286
• 11.1.2在HTML 5中实现拖放时触发的事件 /288
• 11.2dataTransfer对象应用详解 /291
• 11.2.1使用setData与getData方法存入与读取拖放数据 /292
• 11.2.2使用setDragImage方法设置拖放图标 /295
• 11.2.3使用effectAllowed与dropEffect属性设置拖放效果 /297
• 11.3拖放应用实战 /300
• 11.3.1购物车的实现 /300
• 11.3.2相册的管理 /304
• 11.4本章小结 /307
• 实 例 目 录
• 实例1-1检测浏览器是否支持HTML 5 /2
• 实例1-2Hello,World页面的实现 /4
• 实例1-3页面分栏实现 /6
• 实例1-4样式化页面实现 /9
• 实例2-1交互元素