具体描述
目前,系统介绍HTML5的图书已经不少了,但像本书这样以“问题-解答-分析”为主线的实战类教程还不多见。本书秉承Solutions系列的一贯风格,将HTML5新增的标签和Web应用API条分缕析,按照常见的任务组织起来,为各层次HTML5开发人员提供了一本集实用性和参考性于一体的实战手册。
本书共包含近80个HTML5实战案例,几乎涵盖了HTML5的方方面面,包括结构化标记、语义元素、新增表单输入类型及属性、音频及视频、Canvas绘图、通信API、WebSocket、Geolocation、本地存储及HTML5无障碍访问等。全书每个案例都从提出实际问题开始,继而分析解决问题所需的技术点,接着详细讨论实现步骤并展示代码示例和相关的截图,最后还会给出专家提示,指明相关技术的适用范围、优劣势以及其他可能的方案和有价值的参考资源。读者如果能够理解并贯通这80个实战案例,一定可以在HTML5开发之路上登堂入室,跻身中高级开发者行列。
这是一本面向初中级读者的实例参考书,以实战、实例、实用为主要特色,读者只要有基本的HTML和JavaScript基础即可。
作者简介
Marco Casario是Adobe技术社区的活跃分子。2005年,Marco创办过探索RIA新技术的Comtaste和专注移动Web开发的MobyMobile,而YouThru则是他最近的工作成果。Marco还创建了世界上最大的Flash Lite User Group和意大利Adobe用户社区(www.augitaly.com)。Marco当前正在开发一个Flex银行项目。
Peter Elst是一位比利时的自由IT咨询师,是Project Cocoon公司联合创始人。作为受尊敬的社区成员,Peter经常在各种行业会议上演讲,并且在前沿期刊上发表了一些工作成果。
Charles Brown是知名作者、咨询师和培训师。他撰写的Dreamweaver和Fireworks图书深受读者欢迎,被世界各地高校用作培训教材。Charles还是钢琴、风琴和吉他演奏家,活跃在世界各地的音乐舞台上。
Nathalie Wormser是一位印度的自由Web开发者,对多媒体技术和视频游戏兴趣深厚。她是Project Cocoon Multimedia的联合创始人,该公司位于印度南部的本地治里市。
Cyril Hanquez是一位ColdFusion、RIA咨询师,拥有15年IT行业经验,主要在比利时参与欧盟事业机构的项目。目前,他是Adobe Community Professional及当地ColdFusion User Group共同负责人。
目录信息
第1章 HTML5页面结构 1
实战1-1 创建HTML5的DOCTYPE 1
实战1-2 在HTML5中声明字符编码 2
实战1-3 将文档分成不同区域 3
实战1-4 使文档各部分可独立分发 4
实战1-5 创建旁注 4
实战1-6 创建文头 5
实战1-7 组合<h1>至<h6>元素 7
实战1-8 创建文脚 8
实战1-9 在HTML5文档中创建导航 9
实战1-10 插入图表 11
实战1-11 浏览器兼容性 12
本章小结 15
第2章 HTML5标记 16
实战2-1 在HTML5中使用<hr>标签 16
实战2-2 使用<iframe>标签 18
实战2-3 在页面中嵌入媒体 19
实战2-4 使用<area>标签 21
本章小结 23
第3章 HTML5结构化语义元素 24
认识微数据 24
实战3-1 使用itemprop和itemscope属性 26
实战3-2 创建自定义词汇表 31
实战3-3 理解链接类型和关系 35
实战3-4 header和hgroup元素 37
实战3-5 添加图片说明 41
实战3-6 添加旁注 43
本章小结 48
第4章 HTML5表单 49
认识新的输入类型 50
实战4-1 使用email输入类型 50
实战4-2 使用URL输入类型 53
实战4-3 使用数字微调控件 55
实战4-4 用range输入类型添加滑动框控件 58
实战4-5 发送多个文件 61
实战4-6 使用datalist组件实现输入的自动完成 63
实战4-7 验证表单控件 65
实战4-8 利用正则表达式创建自定义输入类型 69
实战4-9 设置输入框的占位符文本 71
实战4-10 创建日期和时间控件 72
本章小结 75
第5章 HTML5媒体元素:Audio和Video 76
实战5-1 在Web页面中嵌入视频 78
实战5-2 检测浏览器是否支持<video> 80
实战5-3 定制视频控件 83
实战5-4 预加载视频 92
实战5-5 自定义视频进度条 93
实战5-6 使用多源<video>元素 99
实战5-7 全屏播放视频 101
实战5-8 为视频添加遮罩 104
实战5-9 使用<audio>元素 107
本章小结 108
第6章 HTML5绘图API 110
实战6-1 如何使用<canvas>元素的绘图API 110
实战6-2 使用路径和坐标 113
实战6-3 绘制图形:矩形和圆形 121
实战6-4 用纯色填充图形 124
实战6-5 使用渐变色填充 128
实战6-6 在<canvas>中写字 132
实战6-7 相对文字大小 135
实战6-8 输出PNG图片文件 138
本章小结 142
第7章 HTML5 Canvas 143
实战7-1 了解画布API 143
实战7-2 检测是否支持<canvas>和绘制文本 150
实战7-3 认识屏幕坐标系统和<canvas>变换 156
实战7-4 操作像素 160
实战7-5 应用阴影和模糊 166
实战7-6 <canvas>的动画效果 170
本章小结 176
第8章 HTML5通信API 177
认识postMessage API 177
增强postMessage通信安全 178
实战8-1 检查浏览器是否支持postMessage API 179
跨文档消息和CORS 181
实战8-2 在window和<iframe>间传送消息 181
实战8-3 用服务端事件技术编写实时Web应用 186
实战8-4 用消息通道在不同的浏览上下文中运行代码 190
实战8-5 用XMLHttpRequest Level 2上传文件 192
实战8-6 检查XMLHtppRequest Level 2跨源浏览器支持 195
本章小结 198
第9章 HTML5 WebSocket 199
实战9-1 检查浏览器是否支持WebSocket 199
实战9-2 建立WebSocket连接 201
实战9-3 处理WebSocket事件 204
实战9-4 通过WebSocket API使用WebSocket Server 207
本章小结 216
第10章 HTML5地理定位API 217
认识地理定位API 217
实战10-1 使用navigator对象 218
实战10-2 获取当前位置 219
实战10-3 使用position对象 222
实战10-4 处理定位错误 225
实战10-5 追踪用户的位置 227
实战10-6 使用geo.js开源库 230
本章小结 232
第11章 HTML5本地存储 233
实战11-1 认识偶尔连接的应用 233
实战11-2 检查HTML5存储支持情况 236
实战11-3 为页面声明清单文件 241
实战11-4 使用ApplicationCache对象 244
实战11-5 ApplicationCache事件 246
实战11-6 删除本地缓存 248
本章小结 252
第12章 HTML5无障碍访问 253
无障碍访问的四个原则 253
WCAG的目的 254
实战12-1 用<nav>元素创建锚点链接 255
实战12-2 创建无障碍的表格数据 258
实战12-3 创建无障碍的表单 262
实战12-4 使用<video>元素并添加字幕和注解 265
实战12-5 使用ARIA项目 267
本章小结 274
· · · · · · (收起)
读后感
用户评价
说实话,我买过好几本关于Web前端的书,但很多都停留在介绍新标签和旧技术过时的层面,缺乏实战指导。但这本《HTML5实战》完全不一样,它真正做到了“实战”二字。我是在一个紧急项目中需要快速引入一些高级功能时找到它的,最让我惊喜的是它对性能优化的探讨。作者不是泛泛而谈,而是提供了具体的测量工具和优化策略,比如如何利用浏览器缓存机制构建更健壮的应用,以及如何使用最新的元素来减少DOM操作的开销。我记得有一章专门讲了如何利用拖放API实现一个复杂的文件管理界面,那段代码的结构和错误处理机制简直可以作为教科书级别的范例。它教会我的不只是“怎么做”,更是“为什么这么做”,这种底层逻辑的理解才是技术成长的关键。读完这本书,我感觉自己对现代浏览器能力的信心大大增强了,不再对某些复杂功能感到畏惧,而是跃跃欲试,想在下一个项目中应用这些前沿技术。
天呐,这本关于网页构建的书,简直是把枯燥的技术文档用一种我能完全吸收的方式重新包装了一遍。我通常对技术书籍的阅读体验比较挑剔,很多书读起来就像在啃干面包,但这本书的叙事风格非常引人入胜。它不是那种冷冰冰的API手册,更像是一场技术探索之旅。我特别欣赏作者在讲解WebSockets和地理定位服务时所采用的场景化描述,一下子就把抽象的概念拉到了现实应用层面。例如,在描述如何构建一个实时的聊天应用时,作者并没有直接扔出代码,而是先描绘了传统轮询的痛点,再优雅地引入WebSocket的解决方案,这个过程的逻辑推进非常自然。我之前对“语义化”这个词总觉得很虚,看了这本书后,尤其是它对新HTML5结构元素的深度解读,让我明白了如何用更清晰的结构去指导搜索引擎和辅助技术,这对于提升网站的整体质量至关重要。这本书的深度足以满足资深工程师的需求,但其阐述的清晰度又不会让初学者望而却步,这种平衡感非常难得。
这本书简直是前端开发的“救星”!我之前对很多新的HTML5特性总是半知半解,尤其是在处理媒体元素和Canvas图形方面,感觉自己像是摸着石头过河。但自从翻开它,那种清晰、系统的讲解就像是有一位经验丰富的大师在手把手教我。它不仅仅罗列了API的用法,更是深入剖析了背后的设计理念和最佳实践。特别是关于离线存储和Web Workers的那几个章节,作者的讲解非常到位,让我彻底明白了如何在构建复杂应用时保证性能和用户体验的平衡。我记得当时为了实现一个需要后台计算的任务,我尝试了各种方法都卡住了,直到看了这本书中关于Worker线程的实例,茅塞顿开。它提供的代码示例都是可以直接用于生产环境的,质量非常高,注释详尽,逻辑严密。这本书的排版和图示也值得称赞,复杂的数据流图和API调用流程一目了然,极大地降低了学习曲线。对于希望从“会写HTML”提升到“精通现代Web构建”的开发者来说,这本书绝对是案头必备的参考书,它的价值远超书本本身的定价。
我收到的这本书的装帧质量相当不错,纸张的触感和油墨的清晰度都很高,长时间阅读眼睛也不会感到疲劳,这在技术书籍中是一个加分项。但更重要的是内容本身所带来的冲击。这本书在讲解Web Workers的隔离机制时,我发现它比我之前看的任何在线文档都更加透彻地解释了主线程和工作线程之间的数据传递限制与解决方案,让我对多线程编程有了全新的认识。在讲述地理信息系统(Geolocation API)时,它不仅涵盖了基础定位,还探讨了如何处理精度问题和权限管理,这在开发涉及用户隐私和高精度要求的应用时至关重要。这本书的组织结构非常清晰,知识点环环相扣,读起来就像在攀登一座精心规划的知识阶梯,每一步都有明确的视野和明确的目的地。它有效填补了我个人知识体系中关于“现代Web标准应用层”的空白,让我能够自信地参与到涉及高性能、高交互性Web应用的开发工作中去。
这是一本充满“工匠精神”的技术书籍。我个人的阅读习惯是,一本好书一定要能让我产生“原来如此”的顿悟感。这本书在处理表单增强和验证的那部分内容时,就完美地做到了这一点。过去我总习惯用大量的JavaScript去手动实现复杂的输入验证逻辑,既繁琐又容易出错。这本书详细阐述了HTML5表单自带的强大验证能力,并且配上了大量跨浏览器兼容性的处理方案,让我眼前一亮。更不用提它对多媒体嵌入的深入讲解了,作者不仅展示了如何使用`<video>`和`<audio>`标签,还细致地对比了不同编码格式的优劣和服务器端推送的策略,这在我处理跨平台兼容性问题时提供了极大的帮助。这本书的作者显然是经历了无数踩坑之后才写下这些经验的,文字间透露着一种沉稳的自信,让你觉得跟随他的思路走,绝不会偏航。对于追求代码优雅和浏览器友好性的开发者来说,这本书是提升职业素养的必备读物。
随便翻翻,了解一下HTML5技术
蜻蜓点水概述了html5的新特性。实例让人能有个知性的了解。
随便翻翻,了解一下HTML5技术
随便翻翻,了解一下HTML5技术
随便翻翻,了解一下HTML5技术