包邮HTML 5程序设计及实践

目 录 理 论 篇 第1章 浏览器和HTML5 3 1.1 认识浏览器 4 1.1.1 浏览器的起源 4 1.1.2 浏览器的发展 5 1.1.3 移动端浏览器 6 1.2 HTML5简介 7 1.2.1 HTML5是什么 7 1.2.2 浏览器的支持度 8 1.2.3 移动设备的支持度 9 1.3 HTML5元素和文档格式 10 1.3.1 HTML5语法规范 10 1.3.2 HTML5新元素 12 1.3.3 HTML5文档结构 15 1.4 HTML5应用前景和市场 17 1.5 开发环境和工具 18 本章小结 20 本章练习 20 第2章 HTML5布局 21 2.1 HTML5结构元素 22 2.1.1 文章结构 22 2.1.2 内容分段 23 2.1.3 辅助信息 25 2.1.4 导航信息 26 2.1.5 显示/隐藏内容 27 2.1.6 定义对话框 27 2.1.7 图文结构 29 2.2 HTML5样式元素 30 2.2.1 mark元素 30 2.2.2 meter元素 30 2.2.3 progress元素 31 2.2.4 wbr元素 31 2.2.5 time元素 32 本章小结 32 本章练习 32 第3章 HTML5表单 33 3.1 概述 34 3.2 新的表单域 34 3.2.1 color类型 35 3.2.2 date类型 35 3.2.3 datetime类型和datetime-local 类型 36 3.2.4 month类型 36 3.2.5 week类型 37 3.2.6 time类型 37 3.2.7 email类型 38 3.2.8 url类型 38 3.2.9 number类型 38 3.2.10 range类型 39 3.2.11 search类型 39 3.3 新的表单域属性 40 3.3.1 autofocus属性 40 3.3.2 form属性 40 3.3.3 formaction属性 41 3.3.4 formenctype属性 42 3.3.5 formmethod属性 43 3.3.6 formnovalidate属性 44 3.3.7 formtarget属性 44 3.3.8 height和width属性 45 3.3.9 list属性 46 3.3.10 min和max属性 46 3.3.11 multiple属性 47 3.3.12 pattern属性 47 3.3.13 placeholder属性 48 3.3.14 required属性 48 3.3.15 step属性 49 3.4 新的form元素 49 3.4.1 datalist元素 50 3.4.2 keygen元素 50 3.4.3 output元素 51 3.5 新的form属性 51 3.5.1 autocomplete属性 51 3.5.2 novalidate属性 52 本章小结 52 本章练习 52 第4章 HTML5画布 53 4.1 绘制图形 54 4.1.1 什么是Canvas 54 4.1.2 如何使用Canvas绘制图形 54 4.1.3 绘制直线 54 4.1.4 绘制渐变线条 55 4.1.5 绘制矩形 56 4.1.6 绘制线性渐变的矩形 57 4.1.7 绘制圆形和圆弧 58 4.2 绘制文字 59 4.3 绘制图像 61 4.4 阴影效果 62 4.5 动画效果 63 本章小结 68 本章练习 68 第5章 HTML5拖放 69 5.1 拖放实现方式 70 5.2 dataTransfer对象 72 5.2.1 dataTransfer对象属性 72 5.2.2 dataTransfer对象方法 73 5.2.3 使用dataTransfer对象 74 5.3 拖放文件 77 本章小结 78 本章练习 78 第6章 HTML5音频和视频 79 6.1 Web上的音频 80 6.1.1 音频格式 80 6.1.2 audio元素的属性、方法和事件 80 6.2 Web上的视频 82 6.2.1 视频格式 82 6.2.2 video元素的属性、方法和事件 82 6.2.3 使用DOM进行视频控制 83 本章小结 88 本章练习 88 第7章 HTML5 Web存储 89 7.1 Web存储 90 7.1.1 什么是Web存储 90 7.1.2 Cookie和Web存储的优缺点 90 7.1.3 Web存储API 91 7.2 Web SQL Database 95 本章小结 100 本章练习 100 第8章 HTML5应用程序缓存 101 8.1 应用程序缓存的应用场景 102 8.2 应用程序缓存和浏览器缓存的区别 102 8.3 浏览器支持情况 103 8.4 如何实现应用程序缓存 103 8.4.1 搭建离线缓存应用程序 103 8.4.2 更新缓存 108 本章小结 112 本章练习 112 第9章 HTML5多线程处理 113 9.1 HTML5多线程概述 114 9.2 使用Web Workers 114 9.2.1 建立主页Worker和监听器 115 9.2.2 添加Worker中的监听器和 JavaScript脚本 115 9.2.3 多线程通信的示例演示 115 本章小结 118 本章练习 118 第10章 HTML5手机应用开发 119 10.1 移动设备页面匹配 120 10.2 定位用户的位置 124 10.2.1 Geolocation对象 124 10.2.2 使用百度地图定位 128 本章小结 131 本章练习 132 第11章 CSS3 133 11.1 选择器 134 11.1.1 属性选择器 134 11.1.2 结构伪类选择器 136 11.1.3 UI伪类选择器 143 11.2 背景和边框 145 11.2.1 多色边框 145 11.2.2 边框背景图片 146 11.2.3 圆角边框 147 11.2.4 设计阴影 149 11.2.5 设计背景 150 11.2.6 透明背景色 152 11.3 文本效果 153 11.3.1 设计文本阴影 153 11.3.2 定义文本样式 155 11.4 多列布局 161 11.4.1 定义列宽与列数 161 11.4.2 定义列间距 163 11.4.3 定义列边框样式 164 11.4.4 定义跨列显示 165 11.5 用户界面 166 11.5.1 改变盒模型模式 167 11.5.2 调节元素尺寸 168 11.5.3 控制显示内容 169 11.5.4 恢复默认样式 170 11.6 转换与动画 171 11.6.1 2D转换 171 11.6.2 平滑过渡 176 11.6.3 动画效果 178 11.7 CSS3其他新特性 179 11.7.1 渐变背景 180 11.7.2 设计倒影 181 本章小结 182 本章练习 182 实 践 篇 实践1 HTML5布局 185 实践指导 185 实践1.1 185 实践1.2 187 拓展练习 206 实践2 HTML5表单 207 实践指导 207 实践2.1 207 拓展练习 216 实践3 HTML5画布 217 实践指导 217 实践3.1 217 拓展练习 221 实践4 HTML5拖放 222 实践指导 222 实践4.1 222 拓展练习 227 实践5 HTML5音频与视频 228 实践指导 228 实践5.1 228 拓展练习 233 实践6 HTML5 Web存储 234 实践指导 234 实践6.1 234 实践6.2 239 拓展练习 245 实践7 HTML5应用程序缓存 246 实践指导 246 实践7.1 246 实践7.2 248 拓展练习 251 实践8 HTML5多线程处理 252 实践指导 252 实践8.1 252 实践8.2 254 拓展练习 258 实践9 CSS3 259 实践指导 259 实践9.1 259 实践9.2 260 实践9.3 260 实践9.4 261 实践9.5 262 实践9.6 264 实践9.7 266 实践9.8 267 实践9.9 268 拓展练习 270