HTML5实战2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML5实战PDF格式电子书版下载

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

第一部分 简介3

第1章 HTML5：从文档到应用的转变3

1.1 探索标记语言：HTML5速览4

1.1.1 HTML5文档的基本结构4

1.1.2 使用新的语义元素6

1.1.3 使用ARIA角色来增强可访问性8

1.1.4 IE6～IE8的支持情况9

1.1.5 HTML5所引入的新表单特性10

1.1.6 进度条、度量器和可折叠内容12

1.2 标记：附加的Web规范14

1.2.1 微数据15

1.2.2 CSS316

1.2.3 JavaScript和DOM17

1.3 HTML5的DOMAPI18

1.3.1 Canvas19

1.3.2 音频与视频19

1.3.3 拖放功能20

1.3.4 跨文档通信、服务器端发送的事件以及WebSockets21

1.3.5 文档编辑23

1.3.6 Web存储24

1.3.7 离线Web应用25

1.4 其他API和规范26

1.4.1 地理定位API（Geolocation API）26

1.4.2 索引数据库API（IndexedDB API）27

1.4.3 文件API、文件阅读器API、文件编辑器API与文件系统API28

1.4.4 可伸缩矢量图形29

1.4.5 Web Graphics Library30

1.5 小结31

第二部分 基于浏览器的应用36

第2章 创建表单：输入小部件、数据绑定以及数据验证36

2.1 表单的功能概述与所需知识37

2.2 构建表单用户界面39

2.2.1 定义表单的基本HTML文档结构39

2.2.2 使用表单输入类型email和tel，以及输入属性autofocus、required和placeholder40

2.2.3 使用表单输入属性required43

2.2.4 使用number输入类型与min、max、data-＊输入属性，以及〈output〉元素来构建具备计算功能的表单44

2.2.5 使用表单输入类型month和pattern输入属性47

2.2.6 提交还是保存？由用户来选择——formnovalidate和formaction输入类型49

2.3 计算金额总计，显示表单输出结果51

2.3.1 构建计算函数52

2.3.2 获取data-＊属性的值54

2.4 利用约束验证API来检查表单输入数据56

2.4.1 利用setCustomValidity方法和ValidationMessage属性创建自定义验证测试和错误消息57

2.4.2 利用invalid事件来侦测失败的表单验证59

2.4.3 利用CSS3伪类来设置无效元素的样式59

2.5 为不支持HTML5相关特性的浏览器提供回退方案61

2.5.1 利用Modernizr侦测特性并加载外部资源61

2.5.2 使用polyfill和Modernizr来弥补缺陷62

2.5.3 不借助约束验证API实现验证63

2.6 小结66

第3章 文件编辑和管理：富文本格式、文件存储、拖放69

3.1 Super HTML5 Editor：应用概述、必备知识以及初始步骤70

3.1.1 定义HTML文档结构71

3.1.2 用JavaScript来实现视图导航与状态管理74

3.2 富文本编辑与地理定位76

3.2.1 使用designMode使HTML页面可编辑76

3.2.2 利用execCommand实现富文本编辑控件78

3.2.3 利用Geolocation API来定位用户当前位置80

3.3 在本地管理文件：File System API、Quota Management API、File API与File WriterAPI82

3.3.1 创建应用文件系统83

3.3.2 从文件系统中获取文件列表85

3.3.3 文件的加载、查看、编辑以及删除86

3.3.4 创建新文件88

3.3.5 利用File Writer API来保存文件92

3.4 添加交互性的拖放功能94

3.4.1 通过拖入操作将文件导入到应用中94

3.4.2 通过拖出操作将文件从应用导出95

3.5 小结96

第4章 传递消息：HTML5的脚本通信技术98

4.1 服务器发送事件（SSE）99

4.1.1 一个简单的SSE聊天应用99

4.1.2 何时使用SSE108

4.2 使用WebSocket创建一种实时通信Web应用108

4.2.1 应用概述及关键知识点109

4.2.2 利用Node.js创建WebSocket111

4.2.3 构建计划板应用113

4.3 客户端上的通信121

4.3.1 利用postMessage实现跨域通信121

4.3.2 利用跨文档通信组合应用122

4.4 小结124

第5章 移动应用：客户端存储与离线执行127

5.1 MyTasks应用的概述、关键知识点及首要步骤128

5.1.1 定义HTML文档结构130

5.1.2 利用CSS控制视图可见性132

5.1.3 利用JavaScript实现视图导航133

5.2 利用Web Storage API管理数据134

5.2.1 从localStorage处读取数据135

5.2.2 将数据存储到localStorage中136

5.2.3 从localStorage中删除数据137

5.3 使用IndexedDB来管理数据139

5.3.1 侦测浏览器对数据库的支持140

5.3.2 创建并连接到一个IndexedDB数据库，创建一个对象存储及索引141

5.3.3 利用HTML和JavaScript开发一个动态列表143

5.3.4 搜索IndexedDB数据库145

5.3.5 使用IndexedDB或Web SQL，将任务添加到数据库中148

5.3.6 从IndexedDB数据库中更新与删除数据150

5.3.7 使用IndexedDB删除整个数据库151

5.4 借助应用缓存清单，创建可离线使用的Web应用152

5.4.1 配置Web服务器，以便使用应用缓存清单MIME类型153

5.4.2 创建一个缓存清单文件154

5.4.3 自动更新应用155

5.5 小结157

第三部分 交互式的图像、媒体及游戏162

第6章 2D Canvas：底层2D图像渲染162

6.1 Canvas基础知识163

6.1.1 设定Canvas绘图环境163

6.1.2 生成Canvas绘图环境166

6.2 创建一个Canvas游戏167

6.2.1 创建游戏引擎的主要部分168

6.2.2 创建动态的矩形172

6.2.3 创建弧形与圆形175

6.2.4 利用路径来创建复杂形状176

6.3 使Canvas元素动起来178

6.3.1 使游戏元素动起来179

6.3.2 碰撞侦测180

6.3.3 实现键盘、鼠标及触摸控制182

6.3.4 控制输入需要考虑的一些问题185

6.4 优化Canvas游戏186

6.4.1 记录得分与关卡186

6.4.2 添加游戏开始界面与结束界面190

6.4.3 借助现成的代码库192

6.5 小结193

第7章 SVG：响应式浏览器内图像195

7.1 位图与矢量图形的对比196

7.2 利用XML构建SVG Aliens游戏198

7.2.1 在HTML中设置SVG199

7.2.2 实现简单的形状与文本202

7.2.3 使用XLink和复杂形状204

7.3 利用JavaScript添加交互性207

7.3.1 游戏引擎基本结构和使用界面209

7.3.2 设计模式、动态对象的创建以及输入方式211

7.3.3 创建并组织复杂形状216

7.3.4 维持一个复杂的SVG组222

7.3.5 SVG与Canvas的对比228

7.4 小结230

第8章 视频与音频：在浏览器内播放媒体232

8.1 利用HTML5播放视频233

8.1.1 应用预览及构建引用所需的必备知识233

8.1.2 构建播放器的基本架构234

8.1.3 使用〈video〉元素为页面加入视频236

8.2 利用HTMLMediaElement接口来控制视频237

8.3 利用〈source〉元素指定多种媒体格式243

8.3.1 通过．currentSrc属性获取视频类型244

8.3.2 媒体格式的转换246

8.4 结合用户输入与视频，实现视频标注功能247

8.4.1 使用〈canvas〉元素来播放视频247

8.4.2 创建自定义的视频播放控件249

8.4.3 控制播放中的视频251

8.4.4 实现视频标注功能256

8.5 小结259

第9章 WebGL：3D应用开发261

9.1 创建一个WebGL游戏引擎263

9.1.1 设置引擎布局264

9.1.2 创建、改变及删除对象的工具270

9.2 与显卡通信276

9.2.1 有关显卡的一些基本知识277

9.2.2 创建3D数据着色器278

9.2.3 为形状、颜色及维度创建缓冲区281

9.2.4 在屏幕上显示形状数据282

9.3 创建Geometry Destroyer287

9.3.1 创建一个游戏界面及控制对象288

9.3.2 在3D空间中创建2D形状291

9.3.3 创建3D形状和粒子295

9.4 小结305

附录A HTML5与相关标准306

附录B HTML5 API简要参考文档313

附录C 安装PHP和MySQL328

附录D 计算机网络技术基础346

附录E 设置Node.js356

附录F 通道通信365

附录G 开发工具及库370

附录H 利用FFmpeg编码376

附录I HTML未来展望381

附录J 链接和参考414