HTML5移动开发2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML5移动开发PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 学习移动HTML5、CSS3和Java ScriptAPI之前的准备工作1

1.1 CubeDoo：HTML5移动游戏2

1.2 开发工具4

1.2.1 文本编辑器4

1.2.2 浏览器5

1.2.3 调试工具6

1.2.4 桌面式调试器6

1.2.5 远程调试8

1.3 测试工具14

1.3.1 仿真器和模拟器14

1.3.2 在线工具16

1.3.3 手机16

1.3.4 自动化测试19

第2章 升级至HTML520

2.1 HTML5语法20

2.1.1 元素21

2.1.2 属性22

2.1.3 全局属性和国际化属性22

2.1.4 成为HTML5核心的HTML4属性25

2.1.5 HTML5新内容：全局可访问性和交互性属性27

2.2 HTML元素／属性的语法31

2.2.1 自闭合元素33

2.2.2 最佳实践33

2.2.3 要素35

2.2.4 存在于＜head＞中的元素40

2.2.5 ＜meta＞：添加元数据41

2.2.6 移动Meta标记42

2.2.7 移动厂商特有的值44

2.2.8 网页的＜base＞45

2.2.9 ＜link＞不仅用于样式46

第3章 HTML5中的新元素53

3.1 HTML5中的分节元素53

3.1.1 ＜section＞55

3.1.2 ＜article＞55

3.1.3 ＜section＞或＜article＞56

3.1.4 ＜nay＞57

3.1.5 ＜aside＞57

3.1.6 ＜header＞58

3.1.7 ＜footer＞58

3.1.8 CubeeDoo的页头和页尾59

3.1.9 不陌生也不常用：＜adderss＞59

3.1.10 内容分组：其他新的HTML5元素60

3.1.11 ＜main＞60

3.1.12 ＜figure＞和＜figcaption＞60

3.1.13 ＜br＞61

3.1.14 ＜li＞和＜ol＞的属性被改变61

3.2 HTML5中新的文本级语义化元素61

3.2.1 ＜mark＞62

3.2.2 ＜time＞63

3.2.3 ＜rp＞、＜rt＞和＜ruby＞64

3.2.4 ＜bdi＞64

3.2.5 ＜wbr＞64

3.3 改变了的文本级别语义元素65

3.3.1 ＜a＞65

3.3.2 HTML4中文本级元素的改变67

3.3.3 未改变的元素67

3.4 嵌入式元素68

3.5 交互式元素71

3.5.1 ＜details＞和＜summary＞71

3.5.2 ＜menu＞和＜menuitem＞72

3.5.3 所有的XHTML都在HTML5里面了，除了73

3.6 总结74

第4章 HTML5 Web表单75

4.1 ＜input＞的属性（以及其他表单元素）76

4.1.1 type属性77

4.1.2 required属性77

4.1.3 最小和最大值：min和max属性78

4.1.4 step属性78

4.1.5 placeholder属性79

4.1.6 pattern属性80

4.1.7 readonly属性82

4.1.8 disabled属性82

4.1.9 maxlength属性83

4.1.10 size属性83

4.1.11 form属性83

4.1.12 autocomplete属性84

4.1.13 autofoeus属性85

4.2 ＜input＞类型和属性85

4.2.1 重新介绍你认为已经了解的input类型86

4.2.2 文本框：＜input type＝“text”＞86

4.2.3 密码栏：＜input type＝“password”＞87

4.2.4 复选框：＜input type＝“checkbox”＞88

4.2.5 单选按钮：＜input type＝“radio”，＞88

4.2.6 提交按钮：＜input type＝“submit”＞89

4.2.7 重置按钮：＜input type＝“reset”＞90

4.2.8 选择文件按钮：＜input type＝“file”，＞91

4.2.9 隐藏：＜input type＝“hidden”＞92

4.2.10 图片：＜input type＝“image”＞92

4.2.11 按钮：＜input type＝“button”＞92

4.2.12 设计输入类型的样式93

4.3 ＜input＞类型新增的值93

4.3.1 电子邮件：＜input type＝“email”，＞94

4.3.2 URL：＜input type＝“url”＞95

4.3.3 电话：＜input type＝“tel”＞96

4.3.4 数字：＜input type＝“number”＞98

4.3.5 滑动条：＜input type＝“range”＞100

4.3.6 搜索栏：＜input type＝“search”＞100

4.3.7 拾色器：＜input type＝“color”＞101

4.4 日期和时间输入类型102

4.4.1 日期选择器：＜input type＝“date”＞102

4.4.2 UTC日期和时间：＜input type＝“datetime”，＞104

4.4.3 本地日期和时间：＜input type＝“datetime-local”＞104

4.4.4 月份：＜input type＝“month”＞104

4.4.5 时间：＜input type＝“time”＞104

4.4.6 周历：＜input type＝“week”＞105

4.5 表单验证106

4.6 新的表单元素111

4.6.1 ＜datalist＞元素及list属性111

4.6.2 ＜output＞元素114

4.6.3 ＜meter＞115

4.6.4 ＜progress＞116

4.6.5 ＜keygen＞117

4.7 其他表单元素117

4.7.1 ＜form＞元素117

4.7.2 ＜fieldset＞和＜legend＞117

4.7.3 ＜select＞、＜option＞和＜optgroup＞118

4.7.4 ＜textarea＞118

4.7.5 ＜button＞118

4.7.6 ＜label＞元素118

4.8 小结119

第5章 SVG、Canvas、Audio和Video120

5.1 HTML5媒体API120

5.1.1 SVG120

5.1.2 在文档中引入SVG123

5.1.3 “小丑汽车”技术：用于响应式前景图像的SVG123

5.1.4 学习SVG125

5.1.5 CubeeDoo SVG125

5.1.6 Canvas128

5.1.7 Canvas与SVG132

5.2 Audio/Video133

5.2.1 媒体类型133

5.2.2 把＜video＞添加到网站135

5.2.3 ＜video＞和＜audio＞的属性135

5.2.4 视频、音频和JavaScript140

5.2.5 为视频设计样式142

第6章 其他HTML5 API144

6.1 离线Web应用144

6.1.1 我是否已经连接上网144

6.1.2 应用缓存145

6.1.3 本地（Local）和会话（Session）存储149

6.1.4 SQL/Database存储159

6.2 增强的用户体验164

6.2.1 地理位置服务164

6.2.2 Web Worker167

6.2.3 微数据169

6.2.4 跨文档消息172

6.3 无障碍富Internet应用（ARIA）173

6.4 小结175

第7章 升级到CSS3176

7.1 CSS：定义和语法177

7.1.1 CSS语法178

7.1.2 使用外部样式表：重温＜link＞179

7.1.3 媒体查询181

7.1.4 CSS最佳实践184

7.2 CSS选择器189

7.3 更多的CSS3选择器192

7.3.1 常规选择器193

7.3.2 使用选择器194

7.3.3 关系选择器：基于代码顺序的规则195

7.3.4 属性选择器198

7.3.5 伪类204

7.3.6 状态伪类207

7.3.7 结构上的伪类208

7.3.8 nth类型的公式208

7.3.9 更多的伪类212

7.3.10 伪元素215

7.4 其他选择器：Shadow DOM217

7.5 小结219

第8章 CSS3值的扩展选项220

8.1 CSS颜色值220

8.1.1 十六进制值221

8.1.2 rgb()句法222

8.1.3 使用RGBA添加透明度功能223

8.1.4 色调、饱和度和亮度：HSL()224

8.1.5 CMYK225

8.1.6 颜色名225

8.1.7 当前色226

8.1.8 浏览器颜色的值226

8.2 CSS的度量单位230

8.2.1 CSS的长度值230

8.2.2 角度、时间和频率233

8.2.3 CSS的角度度量234

8.2.4 时间（Times）235

8.2.5 频率（Frequencies）235

8.3 避免TRouBLe：属性的简写和值的声明236

8.4 小结238

第9章 CSS3：模块、模型和图像239

9.1 CSS盒模型属性240

9.1.1 border241

9.1.2 border-style242

9.1.3 border-color242

9.1.4 border-width243

9.1.5 CSS盒模型244

9.1.6 box-sizing245

9.2 学习CSS3246

9.3 CSS渐变250

9.3.1 渐变类型：线性渐变或径向渐变251

9.3.2 径向渐变251

9.3.3 线性渐变251

9.3.4 ackground-size260

9.3.5 条纹渐变263

9.3.6 重复线性渐变265

9.3.7 用于渐变的工具268

9.4 阴影268

9.4.1 文本阴影270

9.4.2 用宽度、溢出和文本溢出来设置文本272

9.4.3 盒子阴影273

9.4.4 整合后的结果：CubeeDoo276

第10章 CSS3：变换、渐变和动画280

10.1 CSS渐变281

10.1.1 transition-property属性282

10.1.2 transition-duration属性285

10.1.3 transition-timing-function属性285

10.1.4 transition-delay属性287

10.1.5 简写的transition属性287

10.1.6 多种渐变288

10.2 CSS3变换290

10.2.1 transform-origin属性290

10.2.2 transform属性291

10.2.3 多种变换295

10.2.4 渐变变换296

10.2.5 3D变换函数297

10.2.6 其他3D变换属性299

10.2.7 综合应用300

10.3 CSS3动画303

10.3.1 关键帧305

10.3.2 渐变、动画和性能311

第11章 响应性Web设计中的CSS特性313

11.1 媒体查询、断点和流式布局313

11.2 多栏314

11.3 边框图像316

11.4 flexbox322

11.4.1 flex属性325

11.4.2 利用@supports进行特性检测327

11.5 响应性媒体328

11.5.1 提供图像329

11.5.2 CSS遮罩：创建透明的JPEG334

11.5.3 客户提示335

第12章 设计移动应用程序336

12.1 开始前的考虑事项337

12.2 设计考虑事项338

12.2.1 工具：生产率应用程序339

12.2.2 娱乐：沉浸式应用程序340

12.2.3 实用程序341

12.2.4 什么适合你341

12.3 移动平台：丰富的可能性342

12.3.1 小型屏幕342

12.3.2 较少的内存343

12.3.3 一次一个窗口、一个应用程序344

12.3.4 最小的文档345

12.3.5 开发考虑事项345

12.4 针对移动WebKit346

12.4.1 状态栏346

12.4.2 导航栏347

12.4.3 开机图像349

12.4.4 主屏幕图标350

12.5 最少化键盘输入351

12.6 保持简明351

12.6.1 使之明显351

12.6.2 最少化必需的输入351

12.6.3 最少化文本351

12.7 其他用户体验考虑事项352

第13章 把移动设备和触摸作为目标353

13.1 缩小尺寸353

13.2 触摸我354

13.2.1 触摸区域355

13.2.2 鼠标事件、触摸事件355

13.2.3 伪单击事件358

13.3 硬件访问361

13.3.1 手机移动和方向361

13.3.2 设备状态362

13.3.3 本机Web应用程序、打包的应用程序和混合应用程序363

13.4 测试365

第14章 移动性能367

14.1 电池寿命367

14.1.1 使用暗色调368

14.1.2 使用JPEG368

14.1.3 减少JavaScript369

14.1.4 消除网络请求370

14.1.5 硬件加速371

14.2 延时373

14.2.1 减少HTTP请求的数量374

14.2.2 减小请求的尺寸377

14.2.3 内存380

14.2.4 优化图像381

14.3 UI响应性386

14.3.1 触摸事件386

14.3.2 动画387

14.4 小结387

附录A CSS选择器和特征值388