HTML5 秘籍 第2版 PDF 文档

Question

本书共包括四个部分，共 13 章。第一部分介绍了 HTML5 的发展历程，用语义元素构造网页，编写更有意义的标记，以及构建更好的 Web 表单。第二部分介绍了 HTML5 中的音频与视频、CSS3、Canvas 绘图技术等内容。第三部分介绍了数据存储、离线应用、与 Web 服务器通信，以及 HTML5 与 JavaScript 技术的强大结合等内容。第四部分为附录，简单介绍了 CSS 和 JavaScript。

本书既适合新手学习，也能助有经验的 Web 开发人员解决日常工作中遇到的难题。

内容简介

• 不依赖插件添加音频和视频，构建适用于所有浏览器的播放页面。
• 用 Canvas 创建吸引人的视觉效果，绘制图形、图像、文本，播放动画，运行交互游戏。
• 用 CSS3 将页面变活泼，比如添加新奇的字体，利用变换和动画添加吸引人的效果。
• 设计更出色的 Web 表单，利用 HTML5 新增的表单元素更加高效地收集访客信息。
• 一次开发，多平台运行，实现响应式设计，创建适配桌面计算机、平板电脑和智能手机的网站。
• 让 Web 应用拥有桌面应用的特性，通过开发自给自足的离线应用，无论用户能否上网，都可以在本地保存用户信息。

目录

前言
第一部分 现代标记
第 1 章 HTML5 简介
1.1 HTML5 的故事
1.1.1 XHTML 1.0：更严格的标准
1.1.2 XHTML 2：意想不到的失败
1.1.3 HTML5：起死回生
1.1.4 HTML：活着的语言
1.2 HTML5 的三个主要原理
1.2.1 不破坏 Web
1.2.2 修补牛蹄子路
1.2.3 实用至上
1.3 HTML5 标记初体验
1.3.1 HTML5 文档类型
1.3.2 字符编码
1.3.3 页面语言
1.3.4 添加样式表
1.3.5 添加 JavaScript
1.3.6 最终结果
1.4 HTML5 语法
1.4.1 放松的规则
1.4.2 HTML5 验证
1.4.3 XHTML 的回归
1.5 HTML5 元素家族
1.5.1 新增的元素
1.5.2 删除的元素
1.5.3 改变的元素
1.5.4 调整的元素
1.5.5 标准化的元素
1.6 今天开始用 HTML5
1.6.1 了解浏览器支持情况
1.6.2 浏览器装机情况统计
1.6.3 通过 Modernizr 检测功能
1.6.4 使用“腻子脚本”填补功能缺陷
第 2 章 用语义元素构造网页
2.1 语义元素
2.2 改造传统的 HTML 页面
2.2.1 构造页面的老办法
2.2.2 使用 HTML5 构造页面
2.2.3 用<figure>添加插图
2.2.4 用<aside>添加附注
2.3 浏览器对语义元素的支持情况
2.3.1 为语义元素添加样式
2.3.2 使用 HTML5“垫片”
2.3.3 Modernizr：一站式解决方案
2.4 使用语义元素设计站点
2.4.1 理解<header>
2.4.2 用<nav>标注导航链接
2.4.3 理解区块
2.4.4 理解<footer>
2.4.5 使用<main>标识主要内容
2.5 HTML5 纲要
2.5.1 如何查看纲要
2.5.2 基本纲要
2.5.3 分块元素
2.5.4 解决一个纲要问题
第 3 章 编写更有意义的标记
3.1 回顾语义元素
3.1.1 使用<time>标注日期和时间
3.1.2 使用<output>标注 JavaScript 返回值
3.1.3 使用<mark>标注突显文本
3.2 其他语义标准
3.2.1 ARIA
3.2.2 RDFa
3.2.3 微格式
3.2.4 微数据
3.3 实例：改进“About Me”页面
3.4 搜索引擎如何使用元数据
3.4.1 Google Rich Snippets
3.4.2 增强搜索结果
3.4.3 食谱搜索引擎
第 4 章 构建更好的 Web 表单
4.1 理解表单
4.2 传统表单翻新
4.2.1 通过占位符文本添加提示
4.2.2 焦点：挑选正确的起点
4.3 验证：阻止错误
4.3.1 HTML5 验证的原理
4.3.2 关闭验证
4.3.3 验证样式挂钩
4.3.4 使用正则表达式
4.3.5 自定义验证
4.4 浏览器对 Web 表单和验证的支持
4.4.1 用 Modernizr 检测支持情况
4.4.2 用 HTML5Forms 兼容
4.5 新的输入控件
4.5.1 电子邮件地址
4.5.2 网址
4.5.3 搜索框
4.5.4 电话号码
4.5.5 数值
4.5.6 滑动条
4.5.7 日期和时间
4.5.8 颜色
4.6 新元素
4.6.1 使用<datalist>显示输入建议
4.6.2 进度条和计量条
4.6.3 使用<command>和<menu>创建工具条和菜单
4.7 网页中的 HTML 编辑器
4.7.1 使用 contenteditable 编辑元素
4.7.2 使用 designMode 编辑页面
第二部分
第 5 章 音频与视频
5.1 网络视频的演变
5.2 HTML5 音频与视频
5.2.1 使用<audio>播放点噪音
5.2.2 预加载媒体文件
5.2.3 自动播放
5.2.4 循环播放
5.2.5 了解<video>
5.3 HTML5 媒体格式
5.3.1 谈谈格式
5.3.2 浏览器对媒体格式的支持情况
5.4 后备措施：如何讨好每一款浏览器
5.4.1 支持多种格式
5.4.2 添加 Flash 后备措施
5.5 使用 JavaScript 控制播放器
5.5.1 添加音效
5.5.2 创建自定义视频播放器
5.5.3 JavaScript 媒体播放器
5.6 视频字幕
5.6.1 标记时间的文本轨道和 WebVTT
5.6.2 使用<track>添加字幕
5.6.3 浏览器对视频字幕的支持情况
第 6 章 美妙的 CSS3 字体和特效
6.1 使用 CSS3
6.1.1 选择一：用能用的
6.1.2 选择二：将 CSS 功能作为增强
6.1.3 选择三：Modernizr
6.1.4 有开发商前缀的特定于浏览器的样式
6.2 多变的盒子
6.2.1 透明
6.2.2 圆角
6.2.3 背景
6.2.4 阴影
6.2.5 渐变
6.3 创建过渡效果
6.3.1 基本的颜色过渡
6.3.2 更多的过渡思路
6.3.3 用 JavaScript 触发过渡
6.3.4 变换
6.3.5 使用变换的过渡
6.4 Web 字体
6.4.1 Web 字体格式
6.4.2 给网站找个字体
6.4.3 从 Font Squirrel 获取免费字体
6.4.4 准备一个网络字体
6.4.5 用谷歌更简单地使用 Web 字体
6.4.6 多栏文本
第 7 章 CSS3 与响应式 Web 设计
7.1 响应式设计基础
7.1.1 流式布局
7.1.2 流式图片
7.1.3 流式排版
7.1.4 理解视口
7.2 使用媒体查询适配布局
7.2.1 媒体查询
7.2.2 创建简单的媒体查询
7.2.3 构建移动设备友好的布局
7.2.4 媒体查询的高级条件
7.2.5 替换整个样式表
7.2.6 识别特定的移动设备
第 8 章 基本 Canvas 绘图
8.1 Canvas 起步
8.1.1 画直线
8.1.2 路径与形状
8.1.3 绘制曲线
8.1.4 变换
8.1.5 透明度
8.1.6 合成操作
8.2 构建基本的画图程序
8.2.1 准备工作
8.2.2 在画布上绘图
8.2.3 将画布保存为图像
8.3 浏览器对 Canvas 的支持情况
8.3.1 用 ExplorerCanvas 兼容 Canvas
8.3.2 用 FlashCanvas 兼容 Canvas
8.3.3 Canvas 后备及功能检测
第 9 章 高级 Canvas 技术：交互性和 动画
9.1 高级 Canvas 绘图
9.1.1 绘制图像
9.1.2 裁剪、切割和伸缩图片
9.1.3 绘制文本
9.2 阴影与填充
9.2.1 添加阴影
9.2.2 填充图案
9.2.3 填充渐变
9.2.4 综合示例：绘制图解
9.3 赋予图形交互能力
9.3.1 记录绘制的内容
9.3.2 基于坐标的碰撞检测
9.4 给 Canvas 添加动画
9.4.1 基本的动画
9.4.2 多物体动画
9.5 实例：迷宫游戏
9.5.1 布置迷宫
9.5.2 让笑脸动起来
9.5.3 基于像素颜色的碰撞检测
第三部分
第 10 章 数据存储
10.1 Web 存储简介
10.1.1 存储数据
10.1.2 实战：保存游戏中的最后位置
10.1.3 浏览器对 Web 存储的支持情况
10.2 深入 Web 存储
10.2.1 删除数据项
10.2.2 查找所有数据项
10.2.3 保存数值和日期
10.2.4 保存对象
10.2.5 响应存储变化
10.3 读取文件
10.3.1 取得文件
10.3.2 用<input>读取文本文件
10.3.3 替换标准的上传控件
10.3.4 一次读取多个文件
10.3.5 通过拖曳读取图片文件
10.3.6 浏览器对 File API 的支持情况
10.4 IndexDB：浏览器的数据库引擎
10.4.1 数据对象
10.4.2 创建并连接数据库
10.4.3 在数据库中保存数据
10.4.4 在数据表中查询所有数据
10.4.5 查询单条数据
10.4.6 删除一条数据
10.4.7 浏览器对 IndexedDB 的支持情况
第 11 章 离线应用
11.1 通过描述文件缓存资源
11.1.1 创建描述文件
11.1.2 使用描述文件
11.1.3 把描述文件放到 Web 服务器
11.1.4 更新描述文件
11.1.5 浏览器对离线应用的支持情况
11.2 实用缓存技术
11.2.1 访问未缓存的文件
11.2.2 添加后备内容
11.2.3 检测连接
11.2.4 用 JavaScript 监听更新
第 12 章 与 Web 服务器通信
12.1 向 Web 服务器发送消息
12.1.1 XMLHttpRequest 对象
12.1.2 向 Web 服务器提问
12.1.3 取得新内容
12.2 服务器发送事件
12.2.1 消息格式
12.2.2 通过服务器脚本发送消息
12.2.3 在网页中处理消息
12.2.4 轮询服务器端事件
12.3 Web Socket
12.3.1 Web Socket 服务器
12.3.2 简单的 Web Socket 客户端
12.3.3 使用现成的 Web Socket 服务器
第 13 章 地理定位、Web Worker 和历史管理
13.1 地理定位
13.1.1 地理定位的基本原理
13.1.2 查找访客的坐标
13.1.3 处理错误
13.1.4 设置地理定位选项
13.1.5 显示地图
13.1.6 跟踪访客移动
13.1.7 浏览器对地理定位的兼容情况
13.2 Web Worker
13.2.1 费时的任务
13.2.2 把任务放在后台
13.2.3 处理 Worker 错误
13.2.4 取消后台任务
13.2.5 传递复杂消息
13.2.6 浏览器对 Web Worker 的兼容情况
13.3 历史管理
13.3.1 URL 问题
13.3.2 以往的解决方案：hashbang URL
13.3.3 HTML5 的方案：会话历史
13.3.4 浏览器对会话历史的支持情况
第四部分 附录
附录 A CSS 基础
附录 B JavaScript：页面的大脑

下载地址：https://www.wenjiangs.com/wp-content/uploads/2023/06/vgXExENTDZgehbk5.zip