HTML5移动开发

埃斯特尔·韦尔编著的《HTML5移动开发》全面 讲解了使用HTML5和CSS3开发网站和Web应用的技术。 本书总共分为14章，其内容包含移动开发环境的 设置，HTML5的元素、语法和语义，使用JavaScript 来构建表单，探究应用于图像、音视频的HTML5媒体 API以及AppCache、localStorage和其他API，CSS3 选择器和语法以及更为深入的特性，响应式Web设计 的特性，以及针对所有平台进行性能、用户体验和可 靠性的设计。 本书适合具有一定经验的Web前端开发人员阅读 。

Estelle Weyl，是一位前端工程师，自从1999年起就开发基于标准的无障碍网站。她写作的技术博客吸引了数百万的访客，并经常在世界各地发表CS53、HTML5、JavaScript、前端性能和移动Web开发相关的演讲。

第1章 学习移动HTML5、CSS3和Java Script API之前的准备工作 1.1 CubeDoo：HTML5移动游戏 1.2 开发工具 1.2.1 文本编辑器 1.2.2 浏览器 1.2.3 调试工具 1.2.4 桌面式调试器 1.2.5 远程调试 1.3 测试工具 1.3.1 仿真器和模拟器 1.3.2 在线工具 1.3.3 手机 1.3.4 自动化测试 第2章 升级至HTML5 2.1 HTML5语法 2.1.1 元素 2.1.2 属性 2.1.3 全局属性和国际化属性 2.1.4 成为HTML5核心的HTML 4属性 2.1.5 HTML5新内容：全局可访问性和交互性属性 2.2 HTML元素/属性的语法 2.2.1 自闭合元素 2.2.2 最佳实践 2.2.3 要素 2.2.4 存在于head中的元素 2.2.5 meta：添加元数据 2.2.6 移动Meta标记 2.2.7 移动厂商特有的值 2.2.8 网页的base 2.2.9 link不仅用于样式 第3章 HTML5中的新元素 3.1 HTML5中的分节元素 3.1.1 section 3.1.2 article 3.1.3 section或article 3.1.4 nav 3.1.5 aside 3.1.6 header 3.1.7 footer 3.1.8 CubeeDoo的页头和页尾 3.1.9 不陌生也不常用：adderss 3.1.10 内容分组：其他新的HTML5元素 3.1.11 main 3.1.12 figure和figcaption 3.1.13 hr 3.1.14 li和ol的属性被改变 3.2 HTML5中新的文本级语义化元素 3.2.1 mark 3.2.2 time 3.2.3 rp、rt和ruby 3.2.4 bdi 3.2.5 wbr 3.3 改变了的文本级别语义元素 3.3.1 a 3.3.2 HTML 4中文本级元素的改变 3.3.3 未改变的元素 3.4 嵌入式元素 3.5 交互式元素 3.5.1 details和summary 3.5.2 menu和menuitem 3.5.3 所有的XHTML都在HTML5里面了，除了…… 3.6 总结 第4章 HTML5 Web表单 4.1 input的属性（以及其他表单元素） 4.1.1 type属性 4.1.2 required属性 4.1.3 最小和最大值：min和max属性 4.1.4 step属性 4.1.5 placeholder属性 4.1.6 pattern属性 4.1.7 readonly属性 4.1.8 disabled属性 4.1.9 maxlength属性 4.1.10 size属性 4.1.11 form属性 4.1.12 autocomplete属性 4.1.13 autofocus属性 4.2 input类型和属性 4.2.1 重新介绍你认为已经了解的input类型 4.2.2 文本框：input type=“text” 4.2.3 密码栏：input type=“password” 4.2.4 复选框：input type=“checkbox” 4.2.5 单选按钮：input type=“radio” 4.2.6 提交按钮：input type=“submit” 4.2.7 重置按钮：input type=“reset” 4.2.8 选择文件按钮：input type=“file” 4.2.9 隐藏：input type=“hidden” 4.2.10 图片：input type=“image” 4.2.11 按钮：input type=“button” 4.2.12 设计输入类型的样式 4.3 input类型新增的值 4.3.1 电子邮件：input type=“email” 4.3.2 URL：input type=“url” 4.3.3 电话：input type=“tel” 4.3.4 数字：input type=“number” 4.3.5 滑动条：input type=“range” 4.3.6 搜索栏：input type=“search” 4.3.7 拾色器：input type=“color” 4.4 日期和时间输入类型 4.4.1 日期选择器：input type=“date” 4.4.2 UTC日期和时间：input type=“datetime” 4.4.3 本地日期和时间：input type=“datetime- local” 4.4.4 月份：input type=“month” 4.4.5 时间：input type=“time” 4.4.6 周历：input type=“week” 4.5 表单验证 4.6 新的表单元素 4.6.1 datalist元素及list属性 4.6.2 output元素 4.6.3 meter 4.6.4 progress 4.6.5 keygen 4.7 其他表单元素 4.7.1 form元素 4.7.2 fieldset和legend 4.7.3 select、option和optgroup 4.7.4 textarea 4.7.5 button 4.7.6 label元素 4.8 小结 第5章 SVG、Canvas、Audio和Video 5.1 HTML5媒体API 5.1.1 SVG 5.1.2 在文档中引入SVG 5.1.3 “小丑汽车”技术：用于响应式前景图像的SVG 5.1.4 学习SVG 5.1.5 CubeeDoo SVG 5.1.6 Canvas 5.1.7 Canvas与SVG 5.2 Audio/Video 5.2.1 媒体类型 5.2.2 把video添加到网站 5.2.3 video和audio的属性 5.2.4 视频、音频和JavaScript 5.2.5 为视频设计样式 第6章 其他HTML5 API 6.1 离线Web应用 6.1.1 我是否已经连接上网 6.1.2 应用缓存 6.1.3 本地（Local）和会话（Session）存储 6.1.4 SQL/Database存储 6.2 增强的用户体验 6.2.1 地理位置服务 6.2.2 Web Worker 6.2.3 微数据 6.2.4 跨文档消息 6.3 无障碍富Internet应用（ARIA） 6.4 小结 第7章 升级到CSS3 7.1 CSS：定义和语法 7.1.1 CSS语法 7.1.2 使用外部样式表：重温link 7.1.3 媒体查询 7.1.4 CSS最佳实践 7.2 CSS选择器 7.3 更多的CSS3选择器 7.3.1 常规选择器 7.3.2 使用选择器 7.3.3 关系选择器：基于代码顺序的规则 7.3.4 属性选择器 7.3.5 伪类 7.3.6 状态伪类 7.3.7 结构上的伪类 7.3.8 nth类型的公式 7.3.9 更多的伪类 7.3.10 伪元素 7.4 其他选择器：Shadow DOM 7.5 小结 第8章 CSS3值的扩展选项 8.1 CSS颜色值 8.1.1 十六进制值 8.1.2 rgb()句法 8.1.3 使用RGBA添加透明度功能 8.1.4 色调、饱和度和亮度：HSL() 8.1.5 CMYK 8.1.6 颜色名 8.1.7 当前色 8.1.8 浏览器颜色的值 8.2 CSS的度量单位 8.2.1 CSS的长度值 8.2.2 角度、时间和频率 8.2.3 CSS的角度度量 8.2.4 时间（Times） 8.2.5 频率（Frequencies） 8.3 避免TRouBLe：属性的简写和值的声明 8.4 小结 第9章 CSS3：模块、模型和图像 9.1 CSS盒模型属性 9.1.1 border 9.1.2 border-style 9.1.3 border-color 9.1.4 border-width 9.1.5 CSS盒模型 9.1.6 box-sizing 9.2 学习CSS3 9.3 CSS渐变 9.3.1 渐变类型：线性渐变或径向渐变 9.3.2 径向渐变 9.3.3 线性渐变 9.3.4 ackground-size 9.3.5 条纹渐变 9.3.6 重复线性渐变 9.3.7 用于渐变的工具 9.4 阴影 9.4.1 文本阴影 9.4.2 用宽度、溢出和文本溢出来设置文本 9.4.3 盒子阴影 9.4.4 整合后的结果：CubeeDoo 第10章 CSS3：变换、渐变和动画 10.1 CSS渐变 10.1.1 transition-property属性 10.1.2 transition-duration属性 10.1.3 transition-timing-function属性 10.1.4 transition-delay属性 10.1.5 简写的transition属性 10.1.6 多种渐变 10.2 CSS3变换 10.2.1 transform-origin属性 10.2.2 transform属性 10.2.3 多种变换 10.2.4 渐变变换 10.2.5 3D变换函数 10.2.6 其他3D变换属性 10.2.7 综合应用 10.3 CSS3动画 10.3.1 关键帧 10.3.2 渐变、动画和性能 第11章 响应性Web设计中的CSS特性 11.1 媒体查询、断点和流式布局 11.2 多栏 11.3 边框图像 11.4 flexbox 11.4.1 flex属性 11.4.2 利用@supports进行特性检测 11.5 响应性媒体 11.5.1 提供图像 11.5.2 CSS遮罩：创建透明的JPEG 11.5.3 客户提示 第12章 设计移动应用程序 12.1 开始前的考虑事项 12.2 设计考虑事项 12.2.1 工具：生产率应用程序 12.2.2 娱乐：沉浸式应用程序 12.2.3 实用程序 12.2.4 什么适合你 12.3 移动平台：丰富的可能性 12.3.1 小型屏幕 12.3.2 较少的内存 12.3.3 一次一个窗口、一个应用程序 12.3.4 最小的文档 12.3.5 开发考虑事项 12.4 针对移动WebKit 12.4.1 状态栏 12.4.2 导航栏 12.4.3 开机图像 12.4.4 主屏幕图标 12.5 最少化键盘输入 12.6 保持简明 12.6.1 使之明显 12.6.2 最少化必需的输入 12.6.3 最少化文本 12.7 其他用户体验考虑事项 第13章 把移动设备和触摸作为目标 13.1 缩小尺寸 13.2 触摸我 13.2.1 触摸区域 13.2.2 鼠标事件、触摸事件 13.2.3 伪单击事件 13.3 硬件访问 13.3.1 手机移动和方向 13.3.2 设备状态 13.3.3 本机Web应用程序、打包的应用程序和混合应用程序 13.4 测试 第14章 移动性能 14.1 电池寿命 14.1.1 使用暗色调 14.1.2 使用JPEG 14.1.3 减少JavaScript 14.1.4 消除网络请求 14.1.5 硬件加速 14.2 延时 14.2.1 减少HTTP请求的数量 14.2.2 减小请求的尺寸 14.2.3 内存 14.2.4 优化图像 14.3 UI响应性 14.3.1 触摸事件 14.3.2 动画 14.4 小结 附录A CSS选择器和特征值