《深入理解HTML5：语义、标准与样式》.pdfVIP

第 1 章 1 起步：HTML5 的演变 HTML5 是 HTML 标准在 10 年多的时间里的第一次重要升级。10 年一次的升级！ 虽然添加了多媒体支持、交互性、更加智能的表单这些令人兴奋的新特性，以及更好 的语义化标记，但是这一切并不是完全从头开始的。你了解和喜爱的 HTML 还在， XHTML 也一样。使用 HTML5 ，你可以用任何（几乎是任何）以前熟悉的方式来编写 页面。但是技巧的精通依赖于对编码语言的历史、约定和语义（含义）的理解，以及 通过深思熟虑形成的编码风格。 本章将剖析 HTML5 的基础知识 ，让你了解它的来源。后面还附上HTML 的基础 术语和概念的概况。然后总结 HTML5 的主要变化，并解释 XHTML 的情况。最后， 总结一些使用 HTML5 的相关工具，结尾是开发者工具列表。 1.1 HTML5 = HTML • HTML5 HTML 代表什么？“超文本标记语言”。你可能早就知道。那么，HTML5 又代表什 么呢？“超文本标记语言，版本 5”似乎是个合理的答案。这也确实是个合理的猜想，但 是 HTML5 的历史比较曲折，所以它的名字并不像表面上看起来那么直接。对一些人 来说，它表示 HTML 标准的最新版本。而对另一些人来说，又表示更宽泛标准的一个 稳定快照版本。或者是用来指代一整套让 Web 更加丰富、更具有参与性的最新和并不 那么新的技术。 1.1.1 HTML5 出现之前 还记得 Web 2.0 吗？这个术语在 2005 年前后声名鹊起，它代表着一个转变：从对 深入理解 HTML5：语义、标准与样式 网页内容只有阅读的要求到可以支持用户活跃的参与，即可读/写的互联网。随着它在 越来越多的会议和其他场合的使用，这个术语最终成为主流媒体的流行语，被赋予的 含义变得超出了本身的确切含义。似乎 YouTube 这样的公司可以代表它，毫无疑问， 全世界的网站开发者都很头疼向他们疑惑的客户解释网站上过时的 HTML 为什么不能 用 Web 2.0 来代替。HTML5 更多的时候被用来表示什么是可能的、什么是时髦的，以 及什么是最新的。在实践中，它包含了被重新包装的老技术，比如用 JavaScript 和 XML 来异步加载内容（变成了 Ajax ）。实际上，通过读/写网站进行交互的技术已经存 在了很多年。 2 也许最重要的一点是，这段时期代表了让 Web 重获新生的愿望。万维网联盟 （W3C ），当时控制HTML 方向的组织，在 1999 年发布 HTML 4.01 之前都没有发布 过 HTML 推荐标准。后来的几年里，W3C 的工作主要围绕着 XHTML 1.0 和 XHTML 2.0 ，一个基于XML 、致力于实现更严格并且统一的编码规范的 HTML 版本。因为 XHTML 基于 XML ，网页的作者需要准确遵循标准。否则，一旦非法，页面将无法加 载。当时的愿望是全世界的网站作者都会采用这个新标准，清理各种错误和不规范的 页面。但有一个问题，全世界并没有跟着改变。 1.1.2 为什么 XHTML 2.0 消失了，而 HTML5 流行了 当 Web 2.0 这个词被创造出来时，有很多对于 XHTML 的批评。为了兼容不支 持 XHTML 的浏览器，网页开发者编写了 XHTML 页面，但是在服务器端使用 MIME 类型的“text/html”来输出页面，而不是“application/xhtml+xml”。它会告诉浏览器正在浏 览的是 XML。开发者会以为它们编写的是合法的 XHTML 页面，但却没有作为 XML 输出。他们不会从浏览器里看到任何编码错误。那这也就失去了意义。如果不做相应 的检查，XHTML 的语法就无关紧要了。2004 年，成立了一个名为网页超文本应用的 工作组（Web Hype