XHTML/XHTML 文档

基本 XHTML 文档

所有 XHTML 文档都遵循文档布局的最小模式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<!DOCTYPE> 标签是文档类型定义（在上一章中描述），它标识正在使用的标准。

<html>...</html> 标签对是指定 XHTML 文档的根标签。它需要两个标签：xmlns 是命名空间标签，它重新声明标准的特定上下文，通常是 W3 规范的 URL。xml:lang 标签指定文档的语言。

<head>
  <title>My Document's title</title>
</head>

文档的 <head> 标签对涉及文档的元数据。它必须包含用 <title 标签括起来的文档标题。

<body>
  <p>Hello World!</p>
</body>

<body> 标签对指示 XHTML 文档的主要内容。在这个标签内，它包含其他子标签来指示段落和其他向用户呈现的格式信息。

XHTML 结构

在 html 文档的主体中，内容被分成一个离散的结构。最常见的分离形式涉及 <p> 标签对，它将一段文本标记为段落。段落是一段文本，也可能包含引用、列表或其他包含在嵌套标签中的组件。但是，它不直接包含另一个段落。

文本的标题由从 <h1> 到 <h6> 的编号系列标识。它们也可以由 <h> 标签对识别，与 <section> 标签对结合使用；部分可能包含其他标题或段落。

可以使用 <div 创建文档的额外结构。此标签对用于帮助文档内的布局，并且容器内可能包含其他段落或标题。

要分隔文档的两个部分，<separator /> 放在两个段落或元素之间。

其他结构标签

<address> 用于标记联系信息，通常使用 href 属性。
<blockcode> 用于标记代码块，其中空格布局很重要。
<blockquote> 用于识别大引用。
<pre> 用于识别预格式化的文本。

内联文本标签

文本中的文本集可能具有标签来描述文本的修饰符。

元素	描述
<a [href="(链接)" \| id="#标签"] >	定义显式链接或标签位置的锚点。在 XHTML 中，`href` 和 `id` 属性几乎可以放置在任何所需标签上。
<abbr full="#标签">	定义缩写。full 属性引用与缩写相同文档中的 id。
<cite cite="(来源)">	提供引用，其中 cite 属性引用源材料。
<code>	指代计算机代码。
<dfn>	指代定义
<em>	强调文本，例如斜体。比 <strong> 重要性低。
<kbd>	指代用户输入。
<l>	指代一行文本。
<q>	指代引用的文本，但不添加引号。可以使用 cite 属性。
<samp>	指代计算机程序的示例输出。
<span>	用于样式的通用容器。
<strong>	强调文本，例如粗体。比 <em> 重要性高。
<sub>	表示下标。
<sup>	表示上标。
<var>	表示计算机程序中的变量。

列表

外部列表标签	内部列表标签	描述
<ol>	<li>	有序列表。`<li>` 可以包含 value 属性。
<ul>	<li>	无序列表。
<dl>	<di>	定义列表。
<dl> 或 <di>	<dt>	要定义的词语。可以多次出现，表示不同的拼写。
<dl> 或 <di>	<dd>	词语的定义。可以多次出现，表示不同的定义。
<nl>	<li>	导航列表中的条目。
<nl>	<label>	导航列表的标签。标签可能出现在其他类型的列表中。

超链接

超链接在 XHTML 中的工作方式与 HTML 相同。href 属性被添加到锚点元素

<a href="http://www.example.com/">Example</a>

在 XHTML 2.0 中，超链接可以直接放置在任何元素上，而无需锚点标签。因此，图像等元素可以用于超链接。

图像地图

一种更高级的超链接形式涉及导航地图。这需要一个元素来使用图像，并包含 usemap 属性来引用导航地图的 id。在导航列表中，还有两个额外的属性可以使用：shape 和 coords。坐标用逗号分隔。

形状	描述	坐标
默认	指定整个区域。	N/A
矩形	指定矩形，有两个角。	两个 X-Y 坐标对。
圆形	指定给定半径的圆形。	一个 X-Y 对和一个半径。
多边形	指定任意形状。	多个 X-Y 对勾勒出多边形。

在导航列表中，如果导航列表中的项目与导航地图中的另一个条目重叠，则最先出现的项目具有优先级。此外，不包含 href 属性的导航列表将处于非活动状态。

如果在图像属性上使用 ismap="ismap"，则图像地图将被视为服务器端地图。客户端将自动将坐标附加到发送到服务器的 URL 上此形式的地图（或者如果他们无法做到这一点，则附加“0,0”。）

表格

表格是在 XHTML 文档中使用 <table> 标签对创建的。表格是一个显示的单元格网格。

在表格中，<colgroup> 和 <col> 标签用于将格式或类指定到一组列。这两个标签允许 span 属性，这将导致给定列的单元格获得特定格式（如背景颜色或样式表）。

<summary> 标签对用于提供表格的摘要。这通常是关于表格的标题，例如关于表格本身的简要描述。

<tbody> 标签对标识表格的主体。它将包含稍后将描述的行和单元格标签。

<tr> 标签对标识表格中的行。此标签的每一对都将包含单元格定义，无论它们是标题单元格还是内容单元格。

<td> 标签对标识表格中的单元格。<th> 标签对标识表格中的单元格，该单元格被视为标题并被强调。单元格可以使用 colspan 或 rowspan 属性跨越多个列或行。某些单元格可能需要使用缩写，这可以通过使用 abbr 属性来完成。

<thead> 标签对标识表格的标题。

<tfoot> 标签对标识表格的页脚。

样式表

样式表描述了如何渲染 XHTML 文档。样式表不是 XHTML 标准的直接部分，但对于确定文档的布局或显示非常重要。

它们使用空 <style 标签声明，并使用 src 属性指定文档源，使用 type 指定样式表类型（通常为“text/css”）。内联样式表省略了 src 属性，并在主元素中包含受影响的文本。

外部样式表也可以通过使用<?xml-stylesheet ?>来包含，其中href和type显示样式表的来源和类型。

如果需要，可以使用style属性将样式直接包含在 HTML 元素中。

元数据

<head>标签对包含了文档的初始描述。除了基本标题之外，文档的这一部分还包含用于对文档进行分类的元数据。

元数据可以使用以下属性：

属性	描述
about	页面 about URL。
content	指定相关内容的元数据。默认情况下，它使用标签中的内容。
datatype
rel	与 about 一起使用；指定关系。
property	标识 XHTML 文档中的属性（见下文）

元数据还提供描述文档中附加信息的属性。当 property 属性设置为以下表格中的条目时，它具有以下效果或结果

属性	描述
description	提供资源的描述。
generator	标识用于编写资源的软件。
keywords	用于搜索引擎的逗号分隔关键字列表。
reference
robots	建议机器人行为；特定于网络爬虫。
title	指定资源的标题。

元超链接

在 head 标签中，您可以包含超链接以提供有关下一个和上一个文档的信息。这通过使用一个空的<link标签来完成，其中使用href和rel属性。