【移动应用开发技术】深入理解HTML5：语义、标准与样式（勇猛精进早登大师殿堂创最优品质交互）

【移动应用开发技术】深入理解HTML5：语义、标准与样式（勇猛精进早登大师殿堂创最优品质交互）

深入理解HTML5：语义、标准与样式（勇猛精进早登大师殿堂创最优品质交互）【美】布拉德福(Bradford,A.)【美】海涅(Haine,P.)著高京译ISBN

978-7-121-20552-12013年6月出版定价：59.00元280页16开编辑推荐本书讲解循序渐进，包括详细的基础概念和最佳实践。然后覆盖了核心HTML5技术，带你学习多媒体、交互性和改进的语义。每一章都以简单的内容开始，之后进入逐步复杂的示例。在本书中，你会学习到：•用新的语义标签改善代码•不用插件在页面使用多媒体和交互性•用HTML5元素和客户端校验创建出色的表单•探索强大的配套API内容提要HTML5并不一定适用于所有网站，而是面向未来的网站！本书面向的读者是致力于创建有更好的多媒体、交互性和语义的网站的开发者和设计师。本书介绍了HTML5里的新元素和它们的用法，包括不太常用的元素。书中也包含了巧妙的样式和脚本技巧，可以运用于你的网站。本书完全遵循技术标准和最新网站设计技术。目录关于作者xiv关于技术审阅人xv关于封面设计者xvi致谢xvii引言xix第1章起步：HTML5的演变11.1HTML5

=

HTML•HTML511.1.1HTML5出现之前11.1.2为什么XHTML

2.0消失了，而HTML5流行了21.1.3WHATWG的理念21.1.4HTML5的现状31.2剖析HTML5文档41.3HTML术语和概念51.3.1元素61.3.2属性61.3.3文档模型71.4HTML5的新特性91.4.1向后兼容91.4.2错误处理91.4.3简化的doctype101.4.4简化的字符编码111.4.5新的内容模型类别121.4.6新元素131.4.7微数据131.4.8内嵌MathML和SVG131.4.9API141.4.10不再遵循SGML（又一次！）141.4.11废弃的特性141.5XHTML消失了吗171.5.1MIME类型的问题181.6在HTML和XHTML之间选择181.7浏览器支持情况191.8浏览器开发工具20小结21第2章各司其职的标签222.1全局属性232.1.1可访问性242.1.2元数据（metadata）252.1.3唯一标识262.1.4可编辑性282.1.5拼写检查282.1.6隐藏元素282.1.7拖曳292.1.8样式292.1.9文字方向292.1.10自定义数据302.2内容模型类别302.3根元素312.3.1html元素的属性332.4文档元数据和脚本元素332.4.1网页信息：title和meta342.4.2链接、样式和资源：base、link和style362.4.3增加行为和后备内容：script.和noscript382.5文档区块元素402.5.1语义区块元素402.6内容分组元素412.6.1无法避免的段落：p422.6.2打断内容：hr432.6.3保持格式：pre432.6.4引用文字：blockquote432.6.5列表432.6.6图表、照片、图示：figure和figcaption472.6.7创建分块：div472.7文本级语义元素482.8表格数据元素492.8.1表格基础502.8.2添加表头512.8.3增加说明：caption522.8.4增加结构：thead、tfoot和tbody522.8.5添加更多结构：colgroup和col542.9表单元素562.10内嵌内容元素572.11交互元素592.11.1显示更多：summary和details602.11.2工具条：menu和command62小结62第3章认识语义633.1什么是语义，跟我有什么关系633.2用大纲思考643.3HTML5大纲算法653.4用标题内容隐性地创建大纲663.5用区块内容创建大纲673.5.1提高大纲的语义683.6头和尾703.6.1使用hgroup713.6.2格式化有地址的尾部713.6.3确定头尾内容723.7查看HTML5大纲733.8div和span过时了吗743.9案例学习：《城市新闻报》743.9.1添加文本级语义763.10其他文本级元素843.10.1作品标题：cite853.10.2格式化计算机输入/输出：code、var、samp、kbd853.10.3标记文本编辑：ins和del853.10.4处理外来脚本85小结87第4章精通表单884.1表单元素复习884.1.1分析表单元素894.1.2表单元素属性904.2获取输入914.2.1最初的输入类型934.2.2新输入类型984.3校验和提交表单1024.3.1输入字段必填1034.3.2用按钮和图片提交表单1034.4其他常用input元素属性1054.4.1提供占位符文字1054.4.2字段只读1064.4.3autocomplete和autofocus1064.4.4使用数据列表1074.5其他表单控件1084.5.1菜单1084.5.2文本块1114.5.3显示进度1124.5.4显示度量1124.5.5显示计算的输出1144.5.6密钥生成器1154.6用fieldset和label添加结构1154.7完整的表单1174.7.1第一页：收集用户详情1174.7.2第二页：收集评论1214.7.3第三页：确认信息1234.8表单可用性1244.8.1各司其职的输入类型1244.8.2保持简洁1244.8.3别让我思考、别让我费力、别骗我1254.8.4记住互联网是全球的1254.8.5需要时提供后备方案125小结126第5章多媒体：视频、音频和内嵌媒体1275.1一切的开始：img1275.2图像映射1305.3嵌入其他媒体1325.3.1embed元素1325.3.2object元素1335.4嵌入的HTML：iframe1355.4.1处理iframe元素里的内容1365.4.2新的iframe元素属性1375.4.3指向iframe1385.5视频1395.5.1视频格式1395.5.2版权问题1405.5.3处理视频源1405.5.4视频属性1445.6音频1465.6.1音频格式1475.7文字轨1485.8编码音频和视频1495.9最后一个重要元素150小结150第6章CSS31516.1当前状态：CSS2.11516.2CSS3模块1526.3使用CSS1536.3.1附上样式表1536.3.2CSS样式规则1556.3.3基本的CSS选择器语法1576.3.4高级选择器1616.3.5高效使用选择器1756.3.6CSS盒模型1766.4背景和边框1806.4.1基本背景色和图片1806.4.2多重背景1846.4.3圆角1856.4.4阴影1856.5颜色1866.5.1屏幕上的颜色1866.5.2功能符语法1886.5.3色调、饱和度、亮度1886.5.4不透明度1896.6网页字体的编排设计1906.6.1网页字体1906.6.2多列1926.6.3文字特效1926.6.4字体的规则193小结194第7章用户交互和HTML5

API1957.1使用本章的JavaScript1957.1.1操作DOM属性和方法1967.1.2控制台日志1977.1.3事件1997.2历史API2007.2.1非常简单的Ajax2017.2.2基于历史的Ajax2037.3构建自定义视频控制器2057.42D

Canvas

API编程2087.4.1画布绘图2117.4.2画布状态2157.4.3画布的交互2167.4.4画布动画2177.5拖曳操作2197.5.1用拖曳排序列表225小结227第8章前方的路2288.1移动互联网的挑战2288.2响应式设计2298.2.1viewport2298.2.2媒体查询2318.3离线应用缓存2338.4其他HTML5技术2348.4.1微数据2348.4.2撤销管理器API2368.4.3即将到来的CSS技术236小结237附录A相关技术239索引251精彩节摘译者序互联网从诞生到繁荣的每个阶段，HTML这个简单而强大的标记语言都发挥着举足轻重的作用。从简单的新闻列表展示到复杂的在线表格应用，结合JavaScript、CSS，前端工程师用这些简单的标记创建出一个个改变人们生活的应用。但遗憾的是，虽然应用广泛，很久以来HTML的很多特性并没有被正确地运用，技术细节和最佳实践也没有得到足够重视。互联网上充斥着大量劣质编码的HTML页面。这很大程度上是因为即使未经专业的学习，也可以很快地写出简单的HTML页面。如果长此以往使用不规范甚至错误的编码方式，最终甚至会影响互联网的发展。和其他编程语言一样，HTML也需要扎实的基本功才能驾驭。本书作者深谙基础的重要，用了大量篇幅讲解一个个看似简单的概念，很多内容都给出了来龙去脉，有助于读者理解技术和标准产生的背景，并加入了翔实的参考引用。现在使用最广泛的HTML

4.0.1标准已经十余年没有重要更新，对于构建复杂的网页应用也越来越显得力不从心。业界早已开始酝酿下一个HTML版本。HTML5标准最早在2004年就由WHATWG提出，经过多年的演变以及各个浏览器阵营的磨合，主流浏览器制造商都已经实现了主要的HTML5核心。特别是近年来移动互联网的兴起，给HTML5的普及带来了更有利的设备环境和难得的商业契机。如果说几年前HTML5还是一个美好的愿望的话，那么现在她已经×××了。相信本书能帮助网页设计师和开发者打下一个HTML5的良好基础，但正如作者在最后一部分说的那样，虽然这里覆盖了很多必要的知识点，然而HTML5仍在不断发展中，现代浏览器也在飞速升级，移动互联网日新月异，只有紧跟这些变化，辅以扎实的基础，才是精通HTML5之道。献给我的父母Harda和Stuart，是你们告诉我同样的暴风雨可能是由龙卷风，也可能是由疾风造成的。—Anselm

Bradford作者简介关于作者Anselm

Bradford是新西兰奥克兰大学（AUT）的数字媒体讲师。他的研究领域是交互性媒体、网页媒体和视觉沟通。他从1996年开始从事互联网相关的开发工作，当时他手写了自己的第一个网站。他的Twitter账号是@anselmbradford，偶尔也会在AnselmB发表博客文章。Paul

Haine是一个在伦敦工作的网页设计师，他的个人博客是。关于技术审阅人Jeffrey

Sambells从事他喜爱的工作。他是个父亲、设计师、开发者、作家和企业家，还有更多其他的头衔。十多年前他开始在互联网上发表各种想法，并且这成为他热爱的事情——不断发现更多的可能性。他有创建流程用户体验的专业技能，总是站在技术（特别是移动设备）尖端。你可以在这里找到他的有趣作品：http://jeffreysambells.

com，或者在Twitter

@iamamused上发现他正在进行的秘密作品。关于封面设计者Cornévan

Dooren设计了本书的封面。在离开ED的朋友，进行Foundation系列的新设计后，他从事结合技术和有机体形式的设计工作，本书的封面就是其成果。Corné小时候在任何东西上画画，然后开始探索多媒体世界，他并不止步于此。他的信念是“多媒体的极限是人的想象力”，这也促使他不断进步。Corné为很多国际客户工作，为多媒体杂志编写评论，测试软件，从事多媒体研究，并且参与很多其他ED丛书的工作。可以通过他的网站联系他，或更多了解他：。媒体评论不要满足于一般的HTML。做个HTML5大师吧！本书将让你的标记语言更进一步。本书将帮助你成为熟练掌握最新标准方向的开发者。这里有巧妙的技巧，可以用于你的网站。书中介绍了HTML5的新元素，包括不常用的元素，告诉你使用它们的场合和方法。本书结合大量的实际建议和例子，提供让你成为HTML5大师所需的知识——•HTML5立即上手•使用正确的标签•精通HTML5表单•控制HTML5的音频和视频•创建最佳品质的用户交互•结合CSS3和HTML5，掌握最新标准前言致谢就像生活中的所有事情一样，这本书的准备工作在出版之前很久就开始了。回顾过去，我想我是从两条道路走向了这本书的写作。首先是知识的积累，然后是跟出版社沟通的过程到最终形成本书。在第一条道路上，我得益于自己生命历程中的很多人，他们让我可以发展自己的网页开发技能。虽然还可以追溯到更久以前，但是我对互联网的兴趣首先是在Vermont的少年时期开始的。1996年，我为Rainbow

Organic

Fiber

Mill，在North

Bennington的一个由Bryant

Rayngay创立的有机棉面料公司开发了一个网站。虽然一直没有上线，但这是我第一次从头手写一个网站，我的兴趣从此埋下了种子。在以后的几年里，我的技能得到了提高（特别是在Atlantic大学的网络管理员Sean

Murphy的帮助下）。我非常感谢Sean，他让我在大学期间有很多机会，并自由地作为网站的助理管理员学习和发展技能，并最终能够在很多年里负责设计和开发这个网站。还要感谢Jared

Vorkavich和Taeil

Kim，他们给了我在研究生阶段发展视觉设计、交互和网页开发技能的空间。还有更多直接和间接的人，为我创造了学习的道路，使我积累了今天的知识。通往这本书的另一条道路开始于我失去了一本书的技术编辑工作机会。我和我的朋友Eric

Kramer都申请了这份工作，但他得到了这个职位。而当这个项目开始后，又需要另一名编辑，然后Eric推荐我加入项目。这是Rich

Shupe为O’Reilly

Media写的一本书，从那本书后，我又编辑了两本Rich的书，他要求我作为审阅者。感谢Eric和Rich，因为没有他们的话，我可能不会那么多地参与出版工作。通过仔细地审阅技术书籍和观察一本书的制作过程，我相信自己也可以写作。这些项目给我带来了Peachpit

Press的书籍编辑工作，最后得到了对我很重要的Apress的工作机会。感谢ED的朋友Ben

Renow-Clarke，是他启动了这本书，还有Jennifer

Blackwell和其他Apress团队人员的耐心和对本书的指导。感谢我的技术审阅员Jeffrey

Sambells，你的查错能力给了我惊喜。还要感谢Paul

Haine的著作HTML

Mastery为本书奠定了基础。感谢我在AUT大学的同事，他们为我创造了提高网页技术和写作的机会。特别感谢Gudrun

Frommherz帮我调整了课程表，使我有更多时间写作，还有Abhi

Kala，在我写作的很多夜晚都管理着数字媒体部门（也感谢Abhi为我拍了本书的作者照）。还要感谢WHATWG

IRC频道的人员，感谢他们在我对HTML标准的一些内容产生疑惑时给予帮助。特别感谢Whitney

Traylor在我开始写书后忍受我分散的注意力和精力。最后感谢我的弟弟Orson，他总是对谈论和分享网页开发知识充满热情和兴趣。Anselm

Bradford引言除非你一直离开这个数字时代外出度假，否则肯定听到过很多关于HTML5的议论。作为一个互联网从业人员，很显然理解HTML5已经不是加分技能，而是必备技能了。过去几年来互联网的课程从XHTML到HTML5发生了根本性的变化，这带来了新的概念需要学习，也要摒弃过时的编程实践。有时HTML5涵盖的内容可能看起来神秘又模糊，分解HTML5的定义可能会有很多方向。本书会详细地覆盖HTML5的状况，并让你在技术上打下一个坚实的基础。在深入细节之前会简要介绍基础概念，重点在于打下HTML的基础。例如在表单、多媒体和提升了的网站语义化方面有很多新元素和属性。同时也有很多元素和属性被废弃了，作为一个专业的开发者，你应该绝对不再使用它们了（是吧？）。我们用清晰简单的摘要来展示当前HTML元素的正确用法。CSS和JavaScript这两个主题，会通过它们各自和HTML的关系来讨论和研究。另外，为了介绍更进一步的理论和实践知识，数字颜色值、媒体格式、响应式设计，甚至是三角学这些内容都会介绍。虽然HTML5还要经过多年才能成熟，但你会发现它已经为很多下一代网页应用打下了基础——可能就是你开发的网页应用呢！本书面向的读者本书面向任何熟悉HTML、CSS和JavaScript，并有兴趣深入理解这些标准的读者。HTML5标准非常庞大。本书的介绍将带你快速入门，是你学习更高级HTML知识的“跳板”。虽然HTML、CSS和JavaScript看似熟悉、简单，但是你一定会发现带来惊喜的新内容。学习这些细节知识对于掌握HTML5有莫大作用。读完本书后，你会拥有基础知识和能力去探索更加高级的现代网页开发技术。本书的结构本书首先讨论让HTML5变成今天最炙手可热的开发技术的出奇复杂的历史。针对新接触HTML的读者，在进入HTML5的亮点和自HTML

4.0.1之后的变化之前，我们会先介绍HTML5的基本术语。在HTML5状况的概要之后，接下来的章节深入到具体的领域，详细地介绍HTML元素和相关技术。本书的前三分之一部分会帮你了解HTML5的特性，打下扎实的基础，有助你为今天的互联网组织、开发更好的网页。在第2章，你会学到所有元素都拥有的全局属性和HTML5的新内容模型类别，它用于将HTML元素分为一系列重叠的分组。有两章内容用来深入讨论这些元素。语义化地构建页面给予了特别的关注。在广泛理解了所有HTML元素后，本书的第二个三分之一部分深入网页表单元素，在它之后是内嵌媒体。本书最后的三分之一部分包括跟HTML紧密结合使用但是跟HT