陶国荣编着的《HTML5实战》是一本系统而全面的HTML 5教程,根据HTML 5标準的最新草案,系统地对HTML 5的所有重要知识点进行了全面的讲解。在写作方式上,本书以一种开创性的方式使理论与实践达到极好的平衡,不仅对理论知识进行了清晰而透彻的阐述,而且根据读者理解这些知识的需要,精心设计了106个完整(每个案例分为功能描述、实现代码、效果展示和代码分析4个部分)的实战案例,旨在帮助读者通过实践的方式迅速掌握这些知识。
基本介绍
- 书名HTML5实战
- 作者陶国荣
- ISBN9787111358732
- 页数307页
- 出版社机械工业出版社
- 出版时间2011年11月10日
- 装帧平装
- 开本16
内容简介
本书由资深Web开发专家亲自执笔,内容的权威性上应该是毋庸置疑的。
本书在内容结构上将继承《jQuery权威指南》一书的优点,几乎每个知识点都将配一个精心设计的案例,以便于读者融会贯通和动手实践,这将是本书区别于现有同类书的一个最大特点。全书一共分为10章,全书以HTML 5的使用环境和基本特徵开篇,依次详细地讲解了HTML5中新增的互动元素、重要元素、表单与档案、视频与音频、绘画、数据存储、离线套用、网路套用和拖放等核心内容。
目录
前 言
第1章 拥抱HTML 5 /1
1.1 一个简单的HTML 5页面 /2
1.1.1 搭建支持的浏览器环境 /2
1.1.2 检测浏览器是否支持HTML 5标记 /2
1.1.3 使用HTML 5结构编写一个简单的Web页面 /4
1.2 HTML 5页面的特徵 /6
1.2.1 套用全新的HTML 5特徵结构化元素 /6
1.2.2 使用CSS档案美化HTML 5新元素 /9
1.3 本章小结 /10
第2章 HTML 5中常用的互动元素 /11
2.1 内容互动元素 /12
2.1.1 details 元素 /12
2.1.2 summary元素 /16
2.2 选单互动元素 /17
2.2.1 menu元素 /17
2.2.2 command元素 /20
2.3 状态互动元素 /23
2.3.1 progress元素 /24
2.3.2 meter元素 /26
2.4 本章小结 /28
第3章 HTML 5中的重要元素 /29
3.1 html根元素 /30
3.2 文档元素 /32
3.3 脚本 /34
3.4 节点 /37
3.4.1 section 元素 /37
3.4.2 nav 元素 /38
3.4.3 hgroup 元素 /38
3.4.4 address 元素 /38
3.5 分组内容 /39
3.5.1 ul 元素 /39
3.5.2 ol 元素 /40
3.5.3 dl 元素 /41
3.6 文本层次语义 /42
3.6.1 time 元素 /42
3.6.2 mark 元素 /43
3.6.3 cite 元素 /45
3.7 嵌入内容 /46
3.7.1 img元素 /46
3.7.2 iframe元素 /47
3.7.3 object元素 /48
3.8 公共属性 /48
3.8.1 draggable属性 /48
3.8.2 hidden属性 /50
3.8.3 spellcheck属性 /51
3.8.4 contenteditable属性 /53
3.9 本章小结 /55
第4章 HTML 5中的表单 /57
4.1 input元素的新增类型 /58
4.1.1 email邮件类型 /58
4.1.2 url地址类型 /60
4.1.3 number数字类型 /62
4.1.4 range数字滑动条 /64
4.1.5 date日期类型 /66
4.1.6 search搜寻类型 /69
4.2 input元素新增的公用属性 /71
4.2.1 autofocus 属性 /71
4.2.2 pattern 属性 /73
4.2.3 placeholder 属性 /75
4.2.4 required 属性 /76
4.3 新增表单元素 /78
4.3.1 datalist 元素 /78
4.3.2 output 元素 /80
4.3.3 keygen 元素 /81
4.4 表单新增的验证方法和属性 /83
4.4.1 checkValidity显式验证法 /83
4.4.2 使用setCustomValidity方法修改提示信息 /85
4.4.3 表单的novalidate属性 /87
4.5 本章小结 /89
第5章 HTML 5中的档案 /91
5.1 选择档案 /92
5.1.1 选择单个档案 /92
5.1.2 选择多个档案 /93
5.1.3 使用Blob接口获取档案的类型与大小 /95
5.1.4 通过类型过滤选择的档案 /97
5.1.5 通过accept属性过滤选择档案的类型 /99
5.2 使用FileReader接口读取档案 /101
5.2.1 FileReader 接口的方法 /101
5.2.2 使用 readAsDataURL方法预览图片 /101
5.2.3 使用 readAsText方法读取文本档案 /104
5.2.4 侦听FileReader接口中的事件 /106
5.3 使用DataTransfer对象拖放上传图片档案 /109
5.4 档案读取时的错误与异常 /112
5.4.1 发生错误与异常的条件 /112
5.4.2 错误代码说明 /113
5.5 本章小结 /114
第6章 HTML 5中的视频和音频 /115
6.1 多媒体元素基本属性 /116
6.1.1 元素格式 /116
6.1.2 width与height属性 /117
6.1.3 controls属性 /119
6.1.4 poster属性 /121
6.1.5 networkState 属性 /122
6.1.6 error 属性 /124
6.1.7 其他属性 /127
6.2 多媒体元素常用方法 /131
6.2.1 媒体播放时的方法 /131
6.2.2 canPlayType 方法 /133
6.3 多媒体元素重要事件 /136
6.3.1 媒体播放事件 /136
6.3.2 timeupdate 事件 /138
6.3.3 其他事件 /140
6.4 本章小结 /141
第7章 HTML 5绘图基础 /143
7.1 画布的基础知识 /144
7.1.1 canvas元素的基本用法 /144
7.1.2 绘製带框线矩形 /146
7.1.3 绘製渐变图形 /148
7.2 在画布中使用路径 /151
7.2.1 moveTo与lineTo的用法 /151
7.2.2 使用arc方法绘製圆形 /153
7.2.3 绘製渐变圆形 /157
7.3 对画布中图形的操作 /160
7.3.1 变换图形原点坐标 /160
7.3.2 组合多个图形 /163
7.3.3 添加图形阴影 /166
7.4 处理画布中的图像 /168
7.4.1 绘製图像 /168
7.4.2 平铺图像 /171
7.4.3 切割图像 /174
7.4.4 处理像素 /176
7.5 画布的其他套用 /179
7.5.1 绘製文字 /179
7.5.2 保存、恢复及输出图形 /182
7.5.3 製作简单的动画 /185
7.6 本章小结 /188
第8章 HTML 5中的数据存储 /189
8.1 Web Storage存储简介 /190
8.1.1 sessionStorage对象 /190
8.1.2 localStorage对象 /192
8.2 localStorage详解 /196
8.2.1 清空localStorage数据 /196
8.2.2 遍历localStorage数据 /199
8.2.3 使用JSON对象存取数据 /202
8.2.4 管理localStorage数据 /205
8.3 Web SQL资料库基础 /210
8.3.1 打开与创建资料库 /210
8.3.2 执行事务 /212
8.3.3 插入数据 /215
8.3.4 数据管理 /218
8.4 本章小结 /225
第9章 HTML 5中的离线套用 /227
9.1 离线应用程式 /228
9.1.1 manifest 档案简介 /228
9.1.2 配置IIS伺服器 /229
9.1.3 离线套用的开发过程 /231
9.2 本地快取的更新及状态检测 /233
9.2.1 updateready事件 /234
9.2.2 update方法 /236
9.2.3 swapCache方法 /239
9.2.4 更新本地快取时触发的其他事件 /241
9.3 检测线上状态 /244
9.3.1 onLine 属性 /244
9.3.2 online 与offline事件 /246
9.3.3 离线数据互动套用开发过程 /249
9.4 本章小结 /254
第10章 HTML 5中的其他套用型API /255
10.1 Web Sockets API /256
10.1.1 postMessage方法 /256
10.1.2 使用WebSocket 传送数据 /260
10.1.3 使用WebSocket 传送JSON对象 /263
10.2 Geolocation API /267
10.2.1 使用 getCurrentPosition方法获取当前地理位置 /267
10.2.2 使用Google地图锁定位置 /273
10.3 Web Workers API /275
10.3.1 Worker对象处理执行绪 /276
10.3.2 使用执行绪传递JSON对象 /279
10.3.3 使用执行绪嵌套互动数据 /281
10.4 本章小结 /284
第11章 HTML 5中元素的拖放 /285
11.1 拖放基础 /286
11.1.1 使用JavaScript代码实现拖放 /286
11.1.2 在HTML 5中实现拖放时触发的事件 /288
11.2 dataTransfer对象套用详解 /291
11.2.1 使用setData与getData方法存入与读取拖放数据 /292
11.2.2 使用setDragImage方法设定拖放图示 /295
11.2.3 使用effectAllowed与dropEffect属性设定拖放效果 /297
11.3 拖放套用实战 /300
11.3.1 购物车的实现 /300
11.3.2 相册的管理 /304
11.4 本章小结 /307
实 例 目 录
实例1-1 检测浏览器是否支持HTML 5 /2
实例1-2 Hello,World页面的实现 /4
实例1-3 页面分栏实现 /6
实例1-4 样式化页面实现 /9
实例2-1 互动元素的使用 /13
实例2-2 用脚本控制互动元素的使用 /14
实例2-3 互动元素与的结合使用 /16
实例2-4 互动元素 的使用 /18
实例2-5 互动元素与 的结合使用 /20
实例2-6 互动元素的使用 /24
实例2-7 互动元素的使用 /26
实例3-1 元素的使用 /30
实例3-2 元素的使用 /33
实例3-3 元素
媒体推荐
IT技术的世界永远都是瞬息万变的,几年前,无论是技术界、产业界,还是媒体界,都一致看好RIA技术的发展与前途。短短几年之后,HTML 5的出现使这一格局发生了颠覆性的变化。Adobe希望通过收购PhoneGap来延续Flash的生命并实现在HTML 5时代的完美转型,Microsoft则将Silverlight的命运寄托在了Windows Phone身上。
HTML 5的盛行是大势所趋,作为技术人员的你,如果不想被时代所抛弃,建议趁早拥抱HTML 5带来的变革。如果要学习HTML 5,在现有的同类书中,本书应该是一个绝佳的选择。它不仅讲了最新的HTML 5技术,而且内容十分全面,很适合系统地学习。除此之外,本书还有一个很大的特色,几乎每个知识点都配有一个完整的案例,每个案例包括功能描述、实现代码、效果展示和代码分析等几个部分,非常便于读者一边学习一边实践,从而提高学习效率。
—— 51CTO(www-51cto-com)
无论是浏览器厂商,还是大型的网际网路企业,都在HTML 5上做了重要的战略部署,能否在HTML 5时代Hold住,也许会决定企业未来的命运。作为技术人员,我们需要掌握的技能永远都要随着市场的需求而变化,HTML 5必将盛行,我们应该未雨绸缪。如何才能又好又快地从巨观和微观上掌握HTML 5的最新技术?本书是一个不错的选择!它内容全面,既适合作为系统学习的教材,又适合在开发时参考。,书中提供的106个案例为我们动手实践提供了丰富的素材。强烈推荐!
—— HTML 5用户组
作者的上一本书《jQuery权威指南》凭藉优质的内容和创新性的写作方式而得到了读者的一致好评,并取得了不错的销售成绩,这在原创图书中的确不多见。在内容上,本书在理论和实践上都非常突出,系统全面,实战性强;在写作方式上,本书继承了《jQuery权威指南》的优点,而且一些细节之处还有所改进,相信将进一步提高读者的学习体验。值得期待!
—— HTML51(www-html51-com)
作者简介
陶国荣 资深Web技术专家,有十余年开发经验,是国内较早专业从事Web开发的一线技术人员和培训讲师。一直致力于HTML、JavaScript、CSS、jQuery等Web开发技术的研究和实践,在HTML页面的最佳化与用户体验的研究领域,以及页面框架搭建、数据流向分析、页面静态最佳化等方面都拥有丰富的实践经验。自HTML 5的草案发布以来,一直密切关注HTML 5的发展,坚持在实际工作中学习与研究,并进行实践。他还是微软技术方面的专家,精通C#、ASP-NET和SQL Server等技术。
,他还是一位知名的技术作家,出版了多部技术着作,其中《jQuery权威指南》是他的代表作之一,这本书凭藉过硬的质量和良好的学习体验获得了广大读者的高度评价,并取得了骄人的销售成绩。