写给Web开发人员看的HTML5教程

《写给Web开发人员看的HTML5教程》是2012年3月人民邮电出版社出版的图书，作者是德国的Klaus F·rster Bernd ·ggl。

基本信息

    中文名

    写给Web开发人员看的HTML5教程

    定价

    45.00元

    出版社

    人民邮电出版社

    作者

    [德]Klaus F·rster Bernd ·ggl

    出版时间

    2012年03月

    装帧

    平装

    开本

    16

    ISBN

    9787115273055

    类别

    计算机

    页数

    252页

目录     

1内容简介

2目录

折叠

编辑本段

内容简介

《写给Web开发人员看的HTML5教程》通过结合大量实际案例和源代码对HTML5的重要特性进行了详细讲解，内容全面丰富，易于理解。全书共分为12章，从HTML5的历史故事讲起，涉及了文档结构和语义、智能表单、视频与音频、画布、SVG与MathML、地理定位、Web存储与离线Web应用程序、WebSockets套接字、Web Worker多线程、微数据以及以拖曳为代表的一些全局属性，涵盖了HTML5所有的重要特性。此外，《写给Web开发人员看的HTML5教程》还提供了大量的案例源代码，供读者在学习过程中参考，帮助读者提升HTML5的实际应用技能。 《写给Web开发人员看的HTML5教程》适合具有一定的HTML和JavaScript基础的Web开发人员阅读。

折叠

编辑本段

目录

第1章 Web标准概述 1

1.1 HTML5诞生始末 1

1.2 重大历史事件回顾 6

1.3 拣重要的说 8

1.3.1 有什么新特色? 8

1.3.2 去掉了什么? 11

1.3.3 XHTML呢? 14

1.4 现在我可以开始使用HTML5了吗? 15

小结 16

第2章 文档结构和语义 17

2.1 页眉的header和hgroup标签 18

2.2 正文(article)内容 20

2.3 由footer和nav组成的页脚 21

2.4 由aside及section组成的工具栏 23

2.5 大纲算法 24

2.6 图形中的figure及figcaption 25

2.7 文档级别语义--更多新的标签 26

2.7.1 元素ruby、rt及rp 26

2.7.2 time元素 27

2.7.3 mark元素 28

2.7.4 wbr元素 28

2.7.5 略微改变的元素 29

小结 30

第3章 智能表单 31

3.1 新的输入类型(input type) 31

3.1.1 输入类型tel及search 32

3.1.2 输入类型url及email 33

3.1.3 用datetime，date，month，week，time以及datetime-local表示日期和时间 33

3.1.4 输入类型number及range 34

3.1.5 输入类型color 34

3.1.6 新输入类型的实际应用 34

3.2 有用的表单属性 36

3.2.1 使用autofocus操作焦点 36

3.2.2 为文本使用placeholder占位符 37

3.2.3 使用required定义必填项 37

3.2.4 input元素中的更多属性 37

3.3 新的元素 39

3.3.1 使用meter显示度量 40

3.3.2 用progress显示任务进程 42

3.3.3 datalist选项列表 43

3.3.4 使用keygen处理密钥 44

3.3.5 用output进行计算 46

3.4 客户端表单验证 48

3.4.1 invalid事件 50

3.4.2 checkValidity函数 50

3.4.3 使用setCustomValidity()进行错误处理 52

3.4.4 有效性验证总结 53

3.4.5 不做有效性验证也许更好?"formnovalidate" 53

3.5 案例:一张维修表单 53

小结 57

第4章 视频与音频 59

4.1 第一个案例 60

4.2 video元素及其属性 60

4.3 视频编解码器 62

4.3.1 Ogg:Theora与Vorbis 63

4.3.2 MPEG-4:H.264与AAC 64

4.3.3 WebM:VP8与Vorbis 64

4.4 视频转换工具 65

4.4.1 FFmpeg 65

4.4.2 VLC 66

4.4.3 Firefogg 67

4.4.4 Miro Video Converter 68

4.5 各种浏览器支持些什么格式 70

4.6 旧浏览器的过渡解决方案 70

4.6.1 mwEmbed 70

4.6.2 html5media 72

4.7 视频与脚本--简单的视频播放器 73

4.7.1 视频整合 74

4.7.2 播放和暂停视频 75

4.7.3 显示及设定播放位置 76

4.7.4 快进和后退 77

4.7.5 选择电影场景 79

4.7.6 音量调节及静音 79

4.7.8 HTMLMediaElement接口中其他的属性及方法 80

4.7.9 媒体事件列表 83

4.8 关于音频 84

小结 89

第5章 画布 91

5.1 案例一 92

5.2 矩形 94

5.3 颜色及阴影 96

5.4 渐变 97

5.5 路径绘图 100

5.5.1 线条 101

5.5.2 Bézier曲线 102

5.5.3 弧线 103

5.5.4 矩形 107

5.5.5 轮廓、填充及剪切遮罩 108

5.6 文本 111

5.6.1 字体 111

5.6.2 水平锚点 113

5.6.3 垂直锚点 114

5.6.4 绘制及测量文本 115

5.7 内嵌图像 116

5.8 像素处理 120

5.8.1 使用ImageData对象 120

5.8.2 使用getImageData()、createImageData()及putImageData()进行颜色处理 123

5.9 混合(Compositing) 127

5.10 图案(Pattern) 130

5.11 变换(Transformations) 133

5.12 用canvas.toDataURL()进行Base64编码 140

5.13 save()与restore() 141

5.14 动画 142

5.14.1 彩色球体动画 142

5.14.2 用drawImage()播放视频 145

5.15 还有遗漏吗? 148

5.15.1 isPointInPath(x, y) 148

5.15.2 Canvas的可访问性? 149

5.15.3 安全方面 150

5.15.4 浏览器支持 151

5.15.5 更多链接 151

小结 152

第6章 SVG与MathML 153

6.1 MathML 154

6.2 SVG 156

小结 157

第7章 地理定位 159

7.1 地理定位介绍 159

7.1.1 地理数据 159

7.1.2 在线地图服务 160

7.2 初体验:在浏览器中使用地理定位 163

7.3 定位的技术背景 166

7.4 OpenStreetMap上显示当前位置 167

7.5 使用GoogleMaps追踪位置 169

7.6 案例:Geonotes 170

7.6.1 操作 170

7.6.2 重要的代码片断 171

7.7 浏览器支持 175

小结 175

第8章 Web存储及离线Web应用程序 177

8.1 存储 177

8.1.1 Storage接口 178

8.1.2 会话存储(sessionStorage) 179

8.1.3 本地存储(localStorage) 180

8.1.4 storage事件 181

8.1.5 调试 181

8.2 离线Web应用程序 183

8.2.1 缓存清单文件 183

8.2.2 离线状态及事件 184

8.2.3 调试 187

8.3 浏览器支持 189

8.4 案例: Click to tick! 189

8.4.1 用户界面 190

8.4.2 管理界面 191

8.4.3 重要代码片段 192

8.4.4 扩展选项 197

小结 198

第9章 网页套接字 199

9.1 WebSocket服务器 201

9.2 案例:广播服务器 202

9.2.1 广播客户端 202

9.2.2 广播服务器 204

9.3 案例:Battleships!(战列舰) 206

小结 213

第10章 多线程 215

10.1 Web Worker介绍 215

10.2 查找闰年 217

10.3 配合Canvans计算海拔档案 219

10.3.1 重要代码清单 220

小结 224

第11章 微数据 225

11.1 微数据语法 226

11.1.1 属性itemscope及itemprop 227

11.1.2 itemtype属性 229

11.1.3 itemid属性 231

11.1.4 itemref属性 231

11.2 微数据DOM API 232

小结 233

第12章 写在最后:一些全局属性 235

12.1 class属性的变化 236

12.2 用"data-*"定义自定义属性 236

12.3 hidden属性 237

12.4 classList接口 238

12.5 通过draggable属性实现拖曳 240

12.5.1 拖曳与FileAPI相结合 245

12.6 属性contenteditable与spellcheck 248

小结 250

后记 251