HTML引入的新的结构化标签.pdf

HTML5 引入的新的结构化标签 清晰定义您的内容块 Jeremy J. Wischusen, Web 应用程序架构师, Binary Neuron L.L.C. 简介： HTML5 引入了许多新标签，包括几个用于更好地描述文本结构的标签。在本文中，我们将了解 这些 HTML5 引入的新的结构化标签以及如何使用它们将一个文档划分成几个内容块。文中的示例代码 有助于举例说明这些概念。 什么是 HTML5 ？ HTML5 是超文本标签语言 (Hypertext Markup Language, HTML) 的最新版本，也是迄今为止最为激进 的版本。本文介绍了各个领域的许多新特性。比较其引人注目的一些新功能： 开发此方面的技能 本内容是一套渐进的学习路线图的一部分，用来帮助您提升自己的技能。请参考 HTML5 基础知识 • 用于音频和视频的内置多媒体标签 • 用于在浏览器中绘制内容的画布标签 • 灵活的形式，允许您通过使用必要属性完成诸如认证之类的操作。 HTML5 使用一组新的结构化标签改进了 HTML 文档构建方法。新标签重点关注如何将一个 HTML 文档分 成几个逻辑部分。标签名称对计划包含的内容类型进行了描述。在本文中，我们将了解这些新标签的详 细信息。 一些背景知识 Tim Berners-Lee 于 1989 年创建了 HTML，用它来解决访问 Internet 上的信息的现有方法的一些缺 陷。自创建 HTML 以来，在 Internet 上找到适合自己的方法是一项艰难的任务。Internet 上的内容 被视为个人文档，没有什么简单方法可实现它们之间的导航。从本质上说，您必须知道您要查找的文档 地址，然后手动输入该地址。为了解决这一问 题，Berners-Lee 创建了两项技术：超文本传输协议 (HTTP) 和 HTML。 HTTP 是 Web 服务器用于交付内容的服务协议。在 Web 浏览器中（假设浏览器显示了完整的 URL）， URL 通常是以 http:// 开头的。URL 的这部分告诉了浏览器向 Web 服务器发出请求时使用的协议类 型。在 Web 服务器收到文档请求时，就可以将文档编写或转换为 HTML。然后将该 HTML 文档发送回发 出请求的浏览器。 HTML 是一个脚本语言，它会告诉 Web 浏览器如何呈现内容。其他文档的链接也可能出现在此内容中， 并提供一个在 Internet 上的文件间导航的用户友好方式。 HTTP 和 HTML 的结合使用提供了对 Internet 上内容的轻松导航，只需要单击文字链接，就可以在文 档之间导航。在创建这两项技术之后， Berners-Lee 紧接着创建了万维网联盟 (W3C)。W3C 是 HTML 前 四个版本的引导力量。 Internet 的初衷是提供简单的文本文档。最早的浏览器都是基于文本的（没有漂亮的窗口，屏幕上只 有文本）。在最初引入图像时，添加图像是一件了不起的事。现在，人们 可以在 Internet 上进行任 何操作，从发送邮件到观看电视节目，随心所欲。Internet 不再是一个传送简单文本的机制。新特性 和新的使用带来了 HTML 语言从未遇到的挑战和问题。 W3C 试图使用可扩展超文本标记语言 (Extensible Hypertext Markup Language, XHTML) 2.0 标准解 决目前的 Internet 问题。然而，该标准并不被用户认可，大多数都遭到弃用。2004 年，随着 W3C 对 XHMTL 2.0 标准的关注，一个称为 Web 超文本应用程序技术工作组 (WHATWG) 的小组 开始开发 HTML5 标准，HTML5 比 XHMTL 2.0 更受欢迎。于是，W3C 放弃了 XHTML 2.0，开始与 WHATWG 合作开发 HTML5。 支持的浏览器 在撰写本文时，HTML5 尚未正式发布。Web 上的大部分内容仍然是根据 HTML4 规范编写的。虽然有一 些浏览器提供了 HTML5 规范支持，但是由于每个浏览器只能支持 HTML5 的某些特性，因此事情变的很 棘手。在编写一个基于 HTML5 的网站之前，应该检查各个目标浏览器，确保它们支持您将用于网站的 特性。 新的文档类型 无论目标浏览器支持哪些功能，您都必须告知浏览器您想要使用 HTML5 规范呈现您的内容。使用文档 类型声明就可以实现此目的。 文档类型声明会告诉浏览器使用了哪个版本的标记语言来编写页面。通过引用一个文档类型定义 (Document Type Definition, DTD) 可