HTML 是一个描述文本结构的语言。每个 HTML 文件都描述一个单独的页面，可以包含到其它页面的引用（超链接）。语言基于标记，技术上称为标签，是包括在尖括号中的关键字。两个标签，一个开始，一个结束，限定了可以包含内容（文本或者子元素）的元素，没有包含内容的元素使用空标签描述。标签中的关键字被称为元素名。 ~~~ < div > content < /div > ~~~ 在前面的示例中，纯文本内容 content 被包含在名为 div 的元素之中。 div 元素用来定义页面中的一个块，是使用最为频繁的结构。注意，结束标签精确的对应开始标签，除了使用一个斜线 / 在标签开口的尖括号之后。 ~~~ < br / > ~~~ 在这个情况下，标签为空，因为它不包括其它的内容（也不能真的包含），有一点区别是在标签闭口的尖括号之前直接使用了斜线 。 br 标签在文本中添加一个换行。注意，不同段落的新的行必须使用 p 元素定义。 一个元素可以以属性的形式拥有额外的信息。属性定义在开始标签中和空标签中，形式为空格分隔的键值对。每个对都由一个属性名和等号和一个值组成，值通过双引号包围。 ~~~ < a href=”/page.html” > link text < /a > ~~~ 前面的例子标记链接的文本内容为一个到page.html 文件的超链接，位置在当前站点的根目录下。 HTML标准允许更灵活的语法， * 不关心元素名和属性的大小写 * 忽略一些属性值 * 对属性值使用单引号包围（或者在没有冲突的情况下根本不实用引号） * 避免 辨别空元素语法和开始标签语法（空标签必须使用斜线结束）。空标签格式不是HTML标准的一部分，它来自 XHTML/XML 。浏览器对于这方面非常宽松，不会抱怨这种用法，有许多常用的验证工具应用，用来检查文档编写的正确性，都不会认为这是一个错误。 * 某些元素可以被隐式的关闭（比如表格单元格）。 在本章中，你已经选择一个更加面向XML的语法，因为它生成一个清晰的代码，易于阅读和维护，并且容易的和操作XML内容的工具结合使用。 # 基本的HTML文档结构 * * * * * 每个生成为HTML的文档必须有一组必须的元素，如下面例子中的： ~~~ < !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd” > < html > < head > < title > Page Title < /title > < /head > < body > Content Goes Here < /body > < /html > ~~~ 前两行是文档类型定义（DTD），是一个特定的头，表示当前文档应用哪个标准。在本例中，HTML版本4.01的严格形式被使用。被 W3C（[www.w3c.org](http://www.w3c.org)）定义的最后一个HTML版本的其它形式是过度形式和框架形式。严格形式有较少的定义元素，没有了一些前面版本定义中过时的元素和参数；框架功能也被跳过。这将留下一个完全专注文档语义的语法，而不是它的可视化表现。样式和格式规则完全委托给可以嵌入或内部引用的文档样式表。本章，HTML严格形式，但还有一些小的例外：空标签的使用惯例和布尔属性是定义在XHTML中的。 文档类型定义包含一个可选的Web 地址，它包括一个资源，一个DTD文件，完整的描述当前文档的语法。 DTD之后，第一个遇到的元素是 html ；在页面中它是唯一的，表示根借点，将包含页面中每个其它元素。在HTML元素里面，声明了两个元素 head 和 body 。第一个，包含的信息用于整个页面；可能是 meta 信息，比如文档应用字符编码，通常是 UTF-8 ，或者是外部文件的包含，定义了样式（CSS）和行为（JavaScript）。在这个例子中，它包括了最少的强制性的元素 title 。这是页面的一个标签分类，通常显示在浏览器的标题栏（不显示在渲染的页面，因为它术语文档的 head 部分）；它只能包含纯文本（不带任何标签的文本）。其它的元素 body 是也买年实际上的内容。页面的 body 可以包括文本和元素的混合。 HTML 语法依赖于一些固定的结构（例如，一个cell元素必须包含在一个 row 元素中），但是你可能发现浏览器非常宽容错误的结构和坏的编写标记。但是无论如何，验证代码都是好的习惯（手动或使用一些验证工具），来避免浏览器给出错误的表现。浏览器已经以不同的方式实现遵循标准的代码。 当你浏览不同站点的许多页面的 HTML代码，会发现一个广泛使用的缩进风格。它们可能是多个空格被作为一个缩进，除非有一个不同的样式规则。空格字符包括按下空格键，或者一个Tab键，以及换行字符。 几乎每个元素都支持使用两个基本属性：id 和 class 。第一个的值，必须是一个整个页面中非重复的值。用来通过名字查找特定的元素。后见的一个，可以有一个或者多个属性字符串值，通过空格隔开；同样的 class 值可以用于多个元素，从语义上聚合它们。它们广泛的用于脚本和样式中指定某些元素。 在附录A中，你可以找到一个完整的关于 “语义化HTML”的定义。元素和属性覆盖的是所有HTML 4的规格，但是只有那些有语法意义的被加工；只用于声明或者格式化的结构已经被完全移除。