HTML 5与CSS 3权威指南(第3版·上册)
1 Web时代的变迁
1.1 迎接新的Web时代
1.1.1 HTML 5时代即将来临
1.1.2 HTML 5的目标
1.2 HTML 5深受欢迎的理由
1.2.1 世界知名浏览器厂商对HTML 5的支持
1.2.2 第一个理由:时代的要求
1.2.3 第二个理由:Internet Explorer 8
1.3 可以放心使用HTML 5的三个理由
1.4 HTML 5要解决的三个问题
2 HTML 5与HTML 4的区别
2.1 语法的改变
2.1.1 HTML 5的语法变化
2.1.2 HTML 5中的标记方法
2.1.3 HTML 5确保的兼容性
2.1.4 标记示例
2.2 新增的元素和废除的元素
2.2.1 新增的结构元素
2.2.2 新增的其他元素
2.2.3 新增的input元素的类型
2.2.4 废除的元素
2.3 新增的属性和废除的属性
2.3.1 新增的属性
2.3.2 废除的属性
2.4 全局属性
2.4.1 contentEditable属性
2.4.2 designMode属性
2.4.3 hidden属性
2.4.4 spellcheck属性
2.4.5 tabindex属性
2.5 新增的事件
3 HTML 5的结构
3.1 新增的主体结构元素
3.1.1 article元素
3.1.2 section元素
3.1.3 nav元素
3.1.4 aside元素
3.1.5 time元素与微格式
3.1.6 pubdate属性
3.2 新增的非主体结构元素
3.2.1 header元素
3.2.2 footer元素
3.2.3 address元素
3.2.4 main元素
3.3 HTML 5中网页结构
3.3.1 HTML 5中的大纲
3.3.2 大纲的编排规则
3.3.3 对新的结构元素使用样式
4 表单及其他新增和改良元素
4.1 新增元素与属性
4.1.1 新增属性
4.1.2 大幅度地增加与改良input元素的种类
4.1.3 对新的表单元素使用样式
4.1.4 output元素的追加
4.2 表单验证
4.2.1 自动验证
4.2.2 取消验证
4.2.3 显式验证
4.3 增强的页面元素
4.3.1 新增的figure元素与figcaption元素
4.3.2 新增的details元素与summary元素
4.3.3 新增的mark元素
4.3.4 新增的progress元素
4.3.5 新增的meter元素
4.3.6 新增的dialog元素
4.3.7 改良的a元素
4.3.8 改良的ol列表
4.3.9 改良的dl列表
4.3.10 加以严格限制的cite元素
4.3.11 重新定义的small元素
4.3.12 安全性增强的iframe元素
4.3.13 增强的script元素
5 绘制图形
5.1 canvas元素的基础知识
5.1.1 在页面中放置canvas元素
5.1.2 绘制矩形
5.2 使用路径
5.2.1 绘制圆形
5.2.2 不关闭路径会怎么样
5.2.3 绘制直线
5.2.4 绘制曲线
5.2.5 使用Path2D对象绘制路径
5.3 绘制渐变图形
5.3.1 绘制线性渐变
5.3.2 绘制径向渐变
5.4 绘制变形图形
5.4.1 坐标变换
5.4.2 坐标变换与路径的结合使用
5.4.3 矩阵变换
5.5 给图形绘制阴影
5.6 使用图像
5.6.1 绘制图像
5.6.2 图像平铺
5.6.3 图像裁剪
5.6.4 像素处理
5.7 图形、图像的组合与混合
5.7.1 组合图形
5.7.2 混合图像
5.8 绘制文字
5.9 补充知识
5.9.1 保存与恢复状态
5.9.2 保存文件
5.9.3 简单动画的制作
6 多媒体相关API
6.1 多媒体播放
6.1.1 video元素与audio元素的基础知识
6.1.2 属性
6.1.3 方法
6.1.4 事件
6.2 对音频或视频添加字幕
6.2.1 track元素的基础知识
6.2.2 track元素的各种属性
6.2.3 WebVTT文件
7 History API
7.1 History API的基本概念
7.2 History API使用示例
7.2.1 使用History API
7.2.2 结合使用Canvas API与History API
8 本地存储
8.1 Web Storage
8.1.1 Web Storage是什么
8.1.2 简单Web留言本
8.1.3 作为简易数据库来利用
8.1.4 利用storage事件实时监视Web Storage中的数据
8.2 本地数据库
8.2.1 本地数据库的基本概念
8.2.2 用executeSql来执行查询
8.2.3 使用数据库实现Web留言本
8.2.4 transaction方法中的处理
8.3 indexedDB数据库
8.3.1 indexedDB数据库的基本概念
8.3.2 连接数据库
8.3.3 数据库的版本更新
8.3.4 创建对象仓库
8.3.5 创建索引
8.3.6 索引的multiEntry属性值
8.3.7 使用事务
8.3.8 保存数据
8.3.9 获取数据
8.3.10 根据主键值检索数据
8.3.11 根据索引属性值检索数据
8.3.12 复合索引
8.3.13 统计对象仓库中的数据数量
8.3.14 使用indexedDB API制作Web留言本
9 离线应用程序
9.1 离线Web应用程序详解
9.1.1 新增的本地缓存
9.1.2 本地缓存与浏览器网页缓存的区别
9.2 manifest文件
9.3 浏览器与服务器的交互过程
9.4 applicationCache对象
9.4.1 swapCache方法
9.4.2 applicationCache对象的事件
10 文件API
10.1 FileList对象与file对象
10.2 ArrayBuffer对象与ArrayBufferView对象
10.2.1 基本概念
10.2.2 ArrayBuffer对象
10.2.3 ArrayBufferView对象
10.2.4 DataView对象
10.3 Blob对象
10.3.1 Blob对象概述
10.3.2 创建Blob对象
10.3.3 Blob对象的slice方法
10.3.4 在IndexedDB数据库中保存Blob对象
10.4 FileReader对象
10.4.1 FileReader对象的方法
10.4.2 FileReader对象的事件
10.4.3 FileReader对象的使用示例
10.5 FileSystem API
10.5.1 FileSystem API概述
10.5.2 FileSystem API的适用场合
10.5.3 请求访问文件系统
10.5.4 申请磁盘配额
10.5.5 创建文件
10.5.6 写入文件
10.5.7 在文件中追加数据
10.5.8 读取文件
10.5.9 复制磁盘中的文件
10.5.10 删除文件
10.5.11 创建目录
10.5.12 读取目录中的内容
10.5.13 删除目录
10.5.14 复制文件或目录
10.5.15 移动文件或目录与重命名文件或目录
10.5.16 filesystem:URL前缀
10.5.17 综合案例
10.6 Base64编码支持
10.6.1 Base64编码概述
10.6.2 在HTML 5中支持Base64编码
11 通信API
11.1 跨文档消息传输
11.1.1 跨文档消息传输的基本知识
11.1.2 跨文档消息传输示例
11.1.3 通道通信
11.2 WebSockets通信
11.2.1 WebSockets通信的基本知识
11.2.2 使用WebSockets API
11.2.3 WebSockets API使用示例
11.2.4 发送对象
11.2.5 发送与接收原始二进制数据
11.2.6 实现WebSockets API的开发框架
11.2.7 WebSocket协议
11.2.8 WebSockets API的适用场景
11.3 Server-Sent Events API
11.3.1 Server-Sent Events API的基本概念
11.3.2 Server-Sent Events API的实现方法
11.3.3 事件ID的使用示例
12 WebRTC通信
12.1 WebRTC的基本概念
12.2 使用getUserMedia方法访问本地设备
12.2.1 浏览器检测
12.2.2 获取对视频输入设备或音频输入设备的访问权限
12.2.3 实现拍照功能
12.2.4 与CSS 3结合使用
12.3 手工建立WebRTC通信
12.3.1 WebRTC通信的基本概念
12.3.2 建立P2P通信
12.3.3 手工实现信令
12.3.4 剖析SDP交换过程
12.3.5 剖析ICE交换过程
12.4 穿越NAT/防火墙进行通信
12.4.1 穿越NAT
12.4.2 穿越防火墙
12.5 使用Node.js进行信令
12.5.1 建立信令服务器
12.5.2 修改信令处理
12.6 使用WebRTC进行多人通信
12.7 使用RTCDataChannel进行通信
12.7.1 RTCDataChannel的基本概念
12.7.2 实现RTCDataChannel通信
12.7.3 实现浏览器与浏览器之间的文件发送功能
13 扩展的XMLHttpRequest API
13.1 从服务器端获取二进制数据
13.1.1 ArrayBuffer响应
13.1.2 Blob响应
13.2 发送数据
13.2.1 发送字符串
13.2.2 发送表单数据
13.2.3 上传文件
13.2.4 发送Blob对象
13.2.5 发送ArrayBuffer对象
13.3 跨域数据请求
14 使用Web Workers处理线程
14.1 基础知识
14.2 与线程进行数据的交互
14.3 线程嵌套
14.3.1 单层嵌套
14.3.2 在多个子线程中进行数据的交互
14.4 线程中可用的变量、函数与类
14.5 适用场合
14.6 SharedWorker
14.6.1 基础知识
14.6.2 实现前台页面与后台线程之间的通信
14.6.3 定义页面与共享的后台线程开始通信时的处理
14.6.4 SharedWorker的使用示例
15 获取地理位置信息
15.1 Geolocation API的基本知识
15.1.1 取得当前地理位置
15.1.2 持续监视当前地理位置的信息
15.1.3 停止获取当前用户的地理位置信息
15.2 position对象
15.3 在页面上使用google地图
16 拖放API与通知API
16.1 拖放API
16.1.1 实现拖放的步骤
16.1.2 DataTransfer对象的属性与方法
16.1.3 设定拖放时的视觉效果
16.1.4 自定义拖放图标
16.2 通知API
16.2.1 通知API的基础知识
16.2.2 通知API的代码使用示例
17 其他API
17.1 Page Visibility API
17.1.1 Page Visibility API概述
17.1.2 Page Visibility API的使用场合
17.1.3 实现Page Visibility API
17.2 Fullscreen API
17.2.1 Fullscreen API概述
17.2.2 实现Fullscreen API
17.2.3 Fullscreen API代码使用示例
17.3 鼠标指针锁定API
17.3.1 鼠标指针锁定API概述
17.3.2 鼠标指针锁定API代码使用示例
17.4 requestAnimationFrame
17.4.1 requestAnimationFrame概述
17.4.2 requestAnimFrame代码使用示例
17.5 Mutation Observer
17.6 JavaScript Promise
17.6.1 Promise对象的基本概念
17.6.2 创建Promise对象
17.6.3 链式调用Promise对象的then方法
17.6.4 将异步操作队列化
17.6.5 异常处理
17.6.6 创建序列
17.6.7 执行并行处理
17.7 Beacon API
17.7.1 Beacon API概述
17.7.2 Beacon API的使用方法
思维导图
防止博客图床图片失效,防止图片源站外链:
http://www.processon.com/chart_image/5e5b496ae4b0d4dc8776e61a.png)
思维导图在线编辑链接: