HTML5经典实例
Christopher Schmitt, Kyle Simpson
李强 译
出版时间:2013年07月
页数:258
“本书是学习更多HTML5知识很好的进阶,它像酸橙派一样可口。”
——Jenn Lukas,Happy Cog交互开发总监
通过大量的、可以立即在项目中使用的实用技巧,本书将帮助你获得关于HTML5的众多元素的动手体验。针对手边的众多问题,你将获得清晰的解决方案,这些问题包括从标记语义、Web表单、audio和video元素,到诸如geolocation和富JavaScriptaAPI这样的应用。
每个技巧的信息十分丰富,都包含了示例代码,并详细讨论了解决方案为何有效以及如何工作。本书对于从中级到高级的Web和移动Web开发者来说是绝佳之选,它帮助你选择对你有用的HTML5功能,并且帮助你体验其他的功能。
· 测试浏览器对于HTML5的支持,并且使用技术来实现不支持的功能。
· 揭示HTML5如何让Web表单的实现更简单。
· 克服实现本地audio元素和video元素的挑战。
· 学习使用HTML5和ARIA可访问性指南的技术。
· 涉及在应用程序中使用geolocation数据的示例。
· 绘制图像、使用透明度、添加渐变和模式,以及Canvas的更多用法。
· 通过各种高级的JavaScript API来实现HTML5的功能。
Christopher Schmitt是Heatvision.com, Inc.的老板,这是一家从事新媒体活动、设计和出版的公司。他从1993年开始从事Web工作,并且是《CSS Cookbook》(O’Reilly)的作者。
Kyle Simpson是来自得克萨斯州Austin的一位JavaScript系统架构师。他集中研究JavaScript、Web性能优化,以及“中端”应用架构。他拥有众多的开源项目,包括LABjs。

  1. 前言
  2. 第1章 基本语法和语义
  3. 1.0 简介
  4. 1.1 指定DOCTYPE
  5. 1.2 指定字符集
  6. 1.3 指定语言
  7. 1.4 优化<script>和<link>
  8. 1.5 使用HTML5的新元素添加文档结构
  9. 1.6 在<article>和<section>之间选择
  10. 1.7 查看文档纲要
  11. 1.8 修改文档纲要
  12. 1.9 强调文本
  13. 1.10 增强文本的重要性
  14. 1.11 突出显示表示引用的文本
  15. 1.12 标记附属规则
  16. 1.13 定义缩略语与缩写
  17. 1.14 给块级内容添加链接
  18. 1.15 标记图和图题
  19. 1.16 标记日期和时间
  20. 1.17 设置本地扩展和折叠功能
  21. 1.18 控制列表的编号
  22. 1.19 隐藏内容以稍后显示
  23. 1.20 让页面的一部分可编辑
  24. 1.21 设置本地拖放
  25. 第2章 增强性标记和技术
  26. 2.0 简介
  27. 2.1 添加更多的语义含义
  28. 2.2 选取标记样式
  29. 2.3 理解浏览器对HTML5的支持
  30. 2.4 让IE识别HTML5元素
  31. 2.5 使用JavaScript检测HTML5功能
  32. 2.6 使用HTML5 Boilerplate
  33. 2.7 验证HTML5
  34. 2.8 将HTML5元素映射到id和class名
  35. 第3章 表单
  36. 3.0 简介
  37. 3.1 显示一个搜索输入字段
  38. 3.2 联系信息输入字段
  39. 3.3 使用日期和时间输入字段
  40. 3.4 数字输入
  41. 3.5 从一个数字范围选取
  42. 3.6 选择颜色
  43. 3.7 创建可编辑的下拉列表
  44. 3.8 要求必须填写一个表单字段
  45. 3.9 自动聚焦一个表单字段
  46. 3.10 显示占位符文本
  47. 3.11 关闭自动填充
  48. 3.12 限定输入值
  49. 3.13 让HTML5在旧的浏览器中工作
  50. 3.14 在旧浏览器中使用JavaScript验证表单数据
  51. 3.15 示例:示例表单
  52. 第4章 本地音频
  53. 4.0 简介
  54. 4.1 添加HTML5音频
  55. 4.2 操作音频流
  56. 4.3 使用JavaScript生成音频
  57. 4.4 使用canvas可视化音频
  58. 4.5 示例设计:定制音频播放器
  59. 第5章 本地视频
  60. 5.0 简介
  61. 5.1 添加HTML5视频
  62. 5.2 确保多个浏览器视频支持
  63. 5.3 设置视频尺寸
  64. 5.4 在视频播放前显示一个占位符图像
  65. 5.5 让视频循环
  66. 5.6 示例设计:使用canvas操作视频
  67. 第6章 微数据和定制数据
  68. 6.0 简介
  69. 6.1 给标记添加微数据
  70. 6.2 使用微数据和Schema.org
  71. 6.3 给标记添加定制数据
  72. 6.4 使用JavaScript访问定制数据
  73. 6.5 操作定制数据
  74. 6.6 示例:使用定制数据创建一个地图应用
  75. 第7章 可访问性
  76. 7.0 简介
  77. 7.1 编写合适的ALT文本说明
  78. 7.2 识别缩写和缩略语
  79. 7.3 在页面中使用ARIA Landmark角色
  80. 7.4 创建更具可访问性的导航链接
  81. 7.5 将表单字段及其标签关联起来
  82. 7.6 按逻辑组织表单字段
  83. 7.7 动态地打开fieldset
  84. 7.8 识别必需的表单字段
  85. 7.9 当动态内容更新的时候,使用ARIA Live Regions声明
  86. 第8章 GeoLocation
  87. 8.0 简介
  88. 8.1 获取基本的GeoLocation数据
  89. 8.2 获取带有备用的基本GeoLocation数据
  90. 8.3 用纬度和经度逆向Geocoding以得到一个地址
  91. 8.4 将地址转换为纬度和经度
  92. 8.5 从当前位置的方向指示
  93. 8.6 示例:从星巴克到星巴克
  94. 第9章 Canvas
  95. 9.0 简介
  96. 9.1 在canvas上绘制
  97. 9.2 使用透明度
  98. 9.3 设置canvas大小
  99. 9.4 创建渐变
  100. 9.5 将外部图像放入到canvas绘制中
  101. 9.6 设置颜色变换
  102. 9.7 使用几何变换
  103. 9.8 在canvas上放置文本
  104. 9.9 裁剪canvas绘制
  105. 9.10 让canvas绘制实现动画
  106. 9.11 用<canvas>绘制图形
  107. 9.12 将canvas绘制保存到一个文件
  108. 第10章 高级HTML5 JavaScript
  109. 10.0 简介
  110. 10.1 本地存储
  111. 10.2 应用程序缓存
  112. 10.3 拖放
  113. 10.4 Web Workers
  114. 10.5 Web Sockets
  115. 10.6 历史
  116. 10.7 本地文件
  117. 附录 HTML5资源
书名:HTML5经典实例
译者:李强 译
国内出版社:中国电力出版社
出版时间:2013年07月
页数:258
书号:978-7-5123-4271-2
原版书书名:HTML5 Cookbook
原版书出版商:O'Reilly Media
Christopher Schmitt
 
Christopher Schmitt从1993年开始从事Web工作。他是Heatvision.com, Inc.的老板,这是一家新媒体公司,位于得克萨斯州中心的Austin。Christopher经常在各种会议上发表关于Web设计的演讲,包括South by Southwest Interactive and CSS Summit这样的会议。他的著作包括《Designing CSS Web Pages》(New Riders)、《Professional CSS: Cascading Style Sheets for Web Design》(Wrox)和《CSS Cookbook》(O’Reilly)。
 
 
Kyle Simpson
 
Kyle Simpson是来自得克萨斯州Austin的一位UI架构师。他热爱用户体验,特别热衷于如何将UI优化为尽可能响应式的、高效能的、安全的和可扩展的。他认为JavaScript是终极语言,并且一贯地致力于如何推进该语言。如果有什么事情是用JavaScript或Web技术无法做到的,他会为此苦恼。他拥有众多的开源项目,包括LABjs、HandlebarJS/BikechainJS和flXHR,并且他还是SWFObject核心贡献者。
 
 
HTML5 Cookbook封面上的动物是红隼,它是鹰隼家族中的一员。这种鸟的一个更为传统的名字叫做茶隼(Windhover),这个名字是基于其独特的猎食习惯。通过迎风飞翔,展开双翅,红隼可以收集空气并使其流动速度慢下来,然后在一个位置上盘旋并扫描地面上的猎物。
在欧洲,红隼是分布广泛的掠食鸟类,并且,在亚洲和非洲也有这种鸟。它习惯在开放性的地方生活,例如,田野、灌木和沼泽,但是,只要能够栖息和捕食的地方,它都能够接受。红隼总是只吃小的哺乳动物,例如,鼩鼱、老鼠,或者更为常见的野鼠。根据季节和体力的不同,每只红隼每天需要吃掉相当于4~8只野鼠的食物。
红隼的羽毛是栗褐色的,带有黑色的小点,其翅膀为黑色。红隼的尾巴根据性别而不同,雌性的尾巴带有黑色的条,而雄性的尾巴拥有灰色的羽毛和一个黑色的小尖儿。雄性红隼脑袋也是灰色的。这种鸟有13~15英寸那么长,张开翅膀后能达到26~32英寸的宽度(它们通常比其他的掠食类鸟儿要小)。红隼能够看到紫外线反射光谱,这有助于它们的捕猎,野鼠的尿液会泄露它们的踪迹,而尿液是会反射紫外线的。这导致红隼能够找到野鼠或者它们的巢穴。