HTML5秘籍 第2版2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML5秘籍 第2版PDF格式电子书版下载

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

第一部分 现代标记2

第1章 HTML5简介2

1.1 HTML5的故事2

1.1.1 XHTML1.0：更严格的标准2

1.1.2 XHTML2：意想不到的失败3

1.1.3 HTML5：起死回生3

1.1.4 HTML：活着的语言5

1.2 HTML5的三个主要原理6

1.2.1 不破坏Web6

1.2.2 修补牛蹄子路7

1.2.3 实用至上7

1.3 HTML5标记初体验8

1.3.1 HTML5文档类型9

1.3.2 字符编码11

1.3.3 页面语言11

1.3.4 添加样式表11

1.3.5 添加JavaScript12

1.3.6 最终结果13

1.4 HTML5语法13

1.4.1 放松的规则13

1.4.2 HTML5验证14

1.4.3 XHTML的回归16

1.5 HTML5元素家族17

1.5.1 新增的元素18

1.5.2 删除的元素18

1.5.3 改变的元素19

1.5.4 调整的元素20

1.5.5 标准化的元素21

1.6 今天开始用HTML521

1.6.1 了解浏览器支持情况23

1.6.2 浏览器装机情况统计24

1.6.3 通过Modernizr检测功能25

1.6.4 使用“腻子脚本”填补功能缺陷28

第2章 用语义元素构造网页30

2.1 语义元素30

2.2 改造传统的HTML页面32

2.2.1 构造页面的老办法32

2.2.2 使用HTML5构造页面35

2.2.3 用〈figure〉添加插图38

2.2.4 用〈aside〉添加附注40

2.3 浏览器对语义元素的支持情况42

2.3.1 为语义元素添加样式43

2.3.2 使用HTML5“垫片”43

2.3.3 Modernizr：一站式解决方案44

2.4 使用语义元素设计站点44

2.4.1 理解〈header〉45

2.4.2 用〈nav〉标注导航链接47

2.4.3 理解区块51

2.4.4 理解〈footer〉51

2.4.5 使用〈main〉标识主要内容54

2.5 HTML5纲要55

2.5.1 如何查看纲要55

2.5.2 基本纲要56

2.5.3 分块元素58

2.5.4 解决一个纲要问题60

第3章 编写更有意义的标记64

3.1 回顾语义元素64

3.1.1 使用〈time〉标注日期和时间65

3.1.2 使用〈output〉标注JavaScript返回值67

3.1.3 使用〈mark〉标注突显文本68

3.2 其他语义标准70

3.2.1 ARIA70

3.2.2 RDFa71

3.2.3 微格式71

3.2.4 微数据72

3.3 实例：改进“About Me”页面75

3.4 搜索引擎如何使用元数据79

3.4.1 Google Rich Snippets79

3.4.2 增强搜索结果80

3.4.3 食谱搜索引擎84

第4章 构建更好的Web表单87

4.1 理解表单87

4.2 传统表单翻新89

4.2.1 通过占位符文本添加提示92

4.2.2 焦点：挑选正确的起点94

4.3 验证：阻止错误94

4.3.1 HTML5验证的原理95

4.3.2 关闭验证96

4.3.3 验证样式挂钩97

4.3.4 使用正则表达式98

4.3.5 自定义验证99

4.4 浏览器对Web表单和验证的支持101

4.4.1 用Modernizr检测支持情况101

4.4.2 用HTML5Forms兼容102

4.5 新的输入控件104

4.5.1 电子邮件地址106

4.5.2 网址106

4.5.3 搜索框107

4.5.4 电话号码107

4.5.5 数值107

4.5.6 滑动条108

4.5.7 日期和时间108

4.5.8 颜色110

4.6 新元素110

4.6.1 使用〈datalist〉显示输入建议110

4.6.2 进度条和计量条113

4.6.3 使用〈command〉和〈menu〉创建工具条和菜单115

4.7 网页中的HTML编辑器115

4.7.1 使用contenteditable编辑元素115

4.7.2 使用designMode编辑页面117

第二部分 视频、图形和特效122

第5章 音频与视频122

5.1 网络视频的演变122

5.2 HTML5音频与视频123

5.2.1 使用〈audio〉播放点噪音124

5.2.2 预加载媒体文件125

5.2.3 自动播放125

5.2.4 循环播放126

5.2.5 了解〈video〉126

5.3 HTML5媒体格式128

5.3.1 谈谈格式128

5.3.2 浏览器对媒体格式的支持情况130

5.4 后备措施：如何讨好每一款浏览器131

5.4.1 支持多种格式132

5.4.2 添加Flash后备措施134

5.5 使用JavaScript控制播放器137

5.5.1 添加音效137

5.5.2 创建自定义视频播放器140

5.5.3 JavaScript媒体播放器142

5.6 视频字幕144

5.6.1 标记时间的文本轨道和WebVTT145

5.6.2 使用〈track〉添加字幕146

5.6.3 浏览器对视频字幕的支持情况148

第6章 美妙的CSS3字体和特效149

6.1 使用CSS3149

6.1.1 选择一：用能用的150

6.1.2 选择二：将CSS功能作为增强150

6.1.3 选择三：Modernizr151

6.1.4 有开发商前缀的特定于浏览器的样式154

6.2 多变的盒子156

6.2.1 透明157

6.2.2 圆角158

6.2.3 背景159

6.2.4 阴影160

6.2.5 渐变162

6.3 创建过渡效果165

6.3.1 基本的颜色过渡166

6.3.2 更多的过渡思路168

6.3.3 用JavaScript触发过渡168

6.3.4 变换170

6.3.5 使用变换的过渡173

6.4 Web字体174

6.4.1 Web字体格式176

6.4.2 给网站找个字体177

6.4.3 从Font Squirrel获取免费字体177

6.4.4 准备一个网络字体179

6.4.5 用谷歌更简单地使用Web字体181

6.4.6 多栏文本184

第7章 CSS3与响应式Web设计187

7.1 响应式设计基础187

7.1.1 流式布局187

7.1.2 流式图片191

7.1.3 流式排版192

7.1.4 理解视口195

7.2 使用媒体查询适配布局196

7.2.1 媒体查询197

7.2.2 创建简单的媒体查询198

7.2.3 构建移动设备友好的布局199

7.2.4 媒体查询的高级条件202

7.2.5 替换整个样式表204

7.2.6 识别特定的移动设备205

第8章 基本Canvas绘图207

8.1 Canvas起步207

8.1.1 画直线210

8.1.2 路径与形状212

8.1.3 绘制曲线214

8.1.4 变换217

8.1.5 透明度220

8.1.6 合成操作221

8.2 构建基本的画图程序223

8.2.1 准备工作224

8.2.2 在画布上绘图225

8.2.3 将画布保存为图像226

8.3 浏览器对Canvas的支持情况229

8.3.1 用ExplorerCanvas兼容Canvas230

8.3.2 用FlashCanvas兼容Canvas230

8.3.3 Canvas后备及功能检测231

第9章 高级Canvas技术：交互性和动画233

9.1 高级Canvas绘图233

9.1.1 绘制图像233

9.1.2 裁剪、切割和伸缩图片235

9.1.3 绘制文本237

9.2 阴影与填充238

9.2.1 添加阴影238

9.2.2 填充图案240

9.2.3 填充渐变241

9.2.4 综合示例：绘制图解245

9.3 赋予图形交互能力249

9.3.1 记录绘制的内容249

9.3.2 基于坐标的碰撞检测252

9.4 给Canvas添加动画254

9.4.1 基本的动画255

9.4.2 多物体动画256

9.5 实例：迷宫游戏260

9.5.1 布置迷宫261

9.5.2 让笑脸动起来263

9.5.3 基于像素颜色的碰撞检测265

第三部分 构建Web应用270

第10章 数据存储270

10.1 Web存储简介270

10.1.1 存储数据272

10.1.2 实战：保存游戏中的最后位置274

10.1.3 浏览器对Web存储的支持情况275

10.2 深入Web存储276

10.2.1 删除数据项276

10.2.2 查找所有数据项276

10.2.3 保存数值和日期277

10.2.4 保存对象278

10.2.5 响应存储变化279

10.3 读取文件281

10.3.1 取得文件282

10.3.2 用〈input〉读取文本文件282

10.3.3 替换标准的上传控件284

10.3.4 一次读取多个文件285

10.3.5 通过拖曳读取图片文件285

10.3.6 浏览器对FileAPI的支持情况288

10.4 IndexDB：浏览器的数据库引擎288

10.4.1 数据对象290

10.4.2 创建并连接数据库291

10.4.3 在数据库中保存数据293

10.4.4 在数据表中查询所有数据295

10.4.5 查询单条数据297

10.4.6 删除一条数据298

10.4.7 浏览器对IndexedDB的支持情况299

第11章 离线应用300

11.1 通过描述文件缓存资源301

11.1.1 创建描述文件302

11.1.2 使用描述文件303

11.1.3 把描述文件放到Web服务器304

11.1.4 更新描述文件306

11.1.5 浏览器对离线应用的支持情况308

11.2 实用缓存技术309

11.2.1 访问未缓存的文件309

11.2.2 添加后备内容310

11.2.3 检测连接312

11.2.4 用JavaScript监听更新313

第12章 与Web服务器通信317

12.1 向Web服务器发送消息317

12.1.1 XMLHttpRequest对象318

12.1.2 向Web服务器提问319

12.1.3 取得新内容323

12.2 服务器发送事件326

12.2.1 消息格式327

12.2.2 通过服务器脚本发送消息328

12.2.3 在网页中处理消息330

12.2.4 轮询服务器端事件331

12.3 Web Socket333

12.3.1 Web Socket服务器333

12.3.2 简单的Web Socket客户端334

12.3.3 使用现成的Web Socket服务器335

第13章 地理定位、Web Worker和历史管理339

13.1 地理定位339

13.1.1 地理定位的基本原理340

13.1.2 查找访客的坐标342

13.1.3 处理错误344

13.1.4 设置地理定位选项345

13.1.5 显示地图346

13.1.6 跟踪访客移动349

13.1.7 浏览器对地理定位的兼容情况349

13.2 Web Worker350

13.2.1 费时的任务351

13.2.2 把任务放在后台353

13.2.3 处理Worker错误356

13.2.4 取消后台任务356

13.2.5 传递复杂消息357

13.2.6 浏览器对Web Worker的兼容情况359

13.3 历史管理360

13.3.1 URL问题361

13.3.2 以往的解决方案：hashbangURL362

13.3.3 HTML5的方案：会话历史363

13.3.4 浏览器对会话历史的支持情况366

第四部分 附录368

附录A CSS基础368

附录B JavaScript：页面的大脑381