前页 后页 目录 元素 特性

全局结构

目录
  1. HTML 版本信息
  2. HTML 元素
  3. HEAD 元素
    1. 标题: TITLE 元素和 title 特性
    2. Meta 信息
  4. BODY 元素
    1. 元素标志符: id 和 class 元素
    2. 把元素成组: DIV 和 SPAN 元素
    3. 引导: H1, H2, H3, H4, H5, H6 元素
    4. ADDRESS 元素
一 份 HTML 4.0 文 档 通 常 由 三 部 分 组 成: 一 条 包 含 版 本 信 息 的 语 句, 一 个 引 导 描 述 段 以 及 一 个 含 有 具 体 内 容 的 主 干.

HTML 版本信息

SGML DOCTYPE 结 构 声 明 了 文 档 使 用 HTML 的 哪 个 版 本组 成 (参 见 [GOLD90]).

作 者 应 当 在 每 一 分 文 档 的 第 1 行 包 括 一 个 如 下 的 类 似 声 明: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Draft//EN">
声 明 的 最 后 两 个 字 母 指 HTML DTD 的 语 言, 在 此 例 为 英 语 ("EN"). 用 户 代 理 器 可 能 忽 略 此 信 息.

作 者 可 以 根 据 与 它 们 的 文 档 相 宜 的 HTML 的 版 本 使 用 其 它 形 式 的 描 述. HTML 4.0 建 议 的 文 档 形 式 为: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Draft//EN">
指 出 文 档 遵 循 HTML 4.0 草 案 规 格 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Final//EN">
或 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
则 指 出 了 文 档 遵 循 HTML 4.0 最 后 规 格 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
则 指 明 文 档 遵 守 详 尽 的 HTML 4.0 规 格.

当 您 打 算 对 文 档 适 当 地 不 使 用 HTML 陈 述 的 元 素 和 特 性, 如 字体(FONT) 元 素 和 对齐(align) 特 性 时 可 用: 

<!DOCTYPE HTML SYSTEM "http://www.w3.org/MarkUp/Cougar/relaxed.dtd">
表 示 遵 循 W3C Web 节 点 的 DTD 
<!DOCTYPE HTML SYSTEM "http://www.w3.org/MarkUp/Cougar/strict.dtd">
则 表 示 打 算 严 格 遵 循 W3C Web 节 点 的 DTD
在 公 共 标 识 和 文 件 之 间 的 绑 定 可 通 过 使 用 符 合 SGML 开 放 协 会 (SGML Open Consortium) 建 议 格 式 的 目 录 文 件 来 指 定. 一 份 HTML 4.0 目录文件例程 被 包 含 于 HTML 的 SGML 参 考 的 开 始 部 分.
注 意: 某 些 用 户 代 理 器 并 不 懂 得 上 面 列 示 的 复 杂 的 DOCTYPE 声 明.

HTML 元素

<!ENTITY % version "version CDATA #FIXED '%HTML.Version;'">

<!ENTITY % html.content "HEAD, (FRAMESET|BODY)">

<!ELEMENT HTML O O (%html.content)>
<!ATTLIST HTML
%version;
%i18n;牋牋牋牋牋牋牋牋牋牋牋牋牋 -- lang, dir --
>
开 始 标 记: 可 选, 结 束 标 记: 可 选
特 性 定 义
version = url
这 个 特 性 (通 过 统 一 资 源 定 位 器 URL) 指 定 了 支 配 当 前 文 档 的 HTML DTD 版 本 的 位 置. 因 为 相 同 的 信 息 必 须 出 现 于 DOCTYPE 头, 所 以 此 特 性 不 是 非 常 有 用.
在 它 处 定 义 的 特 性
在 版 本 信 息 后, 一 份 HTML 文 档 剩 余 的 事 就 是 包 含 HTML 元 素. 因 此, 一 份 典 型 的 HTML 文 档 具 有 以 下 结 构: 
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Draft//EN>
<HTML>
...The head, body, etc. goes here...
</HTML>

HEAD 元素

<!-- %head.misc defined earlier on as "SCRIPT | STYLE | META | LINK" -->
<!ENTITY % head.content "TITLE & ISINDEX & BASE">

<!ELEMENT HEAD O O (%head.content) +(%head.misc)>
<!ATTLIST HEAD
%i18n;牋牋牋牋牋牋牋牋牋牋牋牋牋 -- lang, dir --
profile牋牋 %URL牋牋牋 #IMPLIED -- named dictionary of meta info --
>
开 始 标 记: 可 选, 结 束 标 记: 可 选
特 性 定 义
profile = url
这 个 特 性 指 定 了 一 个 或 更 多 的 资 料 轮 廓 文 件 的 位 置, 通 过 空 格 来 分 隔. 为 将 来 的 扩 展, 用 户 代 理 器 应 当 把 这 个 值 作 为 一 个 列 表 考 虑 纵 然 这 种 结 构 只 认 为 第 一 个 值 是 重 要 的 轮 廓 文 件 在 将 在 后 面 的 符合信息 部 分 讨 论.
在 它 处 定 义 的 特 性
HEAD 元 素 包 含 了 当 前 文 档 的 信 息, 如 它 的 标 题, 被 搜 索 引 擎 使 用 的 关 键 词 或 其 它 不 在 文 档 内 容 中 考 虑 的 数 据. 在 HEAD 声 明 中 的 元 素 必 须 不 被 一 致 性 用 户 代 理 器 渲 染 除 非 另 外 指 定.

标题:TITLE 元素和 title 特性

<!ELEMENT TITLE - - (#PCDATA)* -(%head.misc)
牋 -- The TITLE element is not considered part of the flow of text.
牋牋牋 It should be displayed, for example as the page header or
牋牋牋 window title. Exactly one title is required per document.
牋 -->
<!ATTLIST TITLE %i18n>
开 始 标 记: 需 要, 结 束 标 记: 需 要
在 它 处 定 义 的 特 性
每 一 个 HTML 文 档 必 须 HEAD 部 分 包 括 一 个 正 确 的 TITLE 元 素. 用 户 代 理 器 通 常 通 过 标 题 来 给 人 们 一 些 概 念, 如 把 标 题 作 为 说明 词, 或 把 它 读 出 来.

标 题 可 以 包 含 字符条目 (对 于 语 气 强 调, 特 殊 字 符 等 等), 但 不 可 以 包 括 其 它 的 标 注. 这 是 一 个 文 档 标 题 的 例 程: 

<HTML>
<HEAD>
<TITLE>A study of population dynamics</TITLE>
... other head elements...
</HEAD>
<BODY>
... document body...
</BODY>
</HTML>
相 应 于 TITLE 元 素 的 是 title 特 性.
特 性 定 义
title = cdata
这 个 特 性 如 顾 问 般 的 提 供 了 元 素 的 设 置 信 息.
不 同 于 TITLE 元 素 提 供 了 整 个 文 档 的 信 息 并 且 只 出 现 一 次, title 特 性 可 以 注 解 任 意 数 量 的 元 素. 请 检 查 元 素 的 定 义 是 否 提 供 这 个 特 性. title 特 性 的 值 可 能 被 用 户 代 理 器 以 多 种 方 式 渲 染. 例 如, 可 视 化 浏 览 器 往 往 用 "工 具 提 示 (tool tip)" (一 个 短 的 信 息 出 现 于 鼠 标 指 定 并 停 留 在 物 件 上 时) 来 显 示 标 题. 声 讯 用 户 代 理 器 也 相 应 的 郎 读 标 题 信 息. 例 如, 在 链 接 中 设 置 这 个 特 性 来 允 许 用 户 代 理 器 告 (可 视 化 和 非 可 视 化 的) 诉 这 个 链 接 的 自 然 资 源: 
...some text...
Here's a photo of
<A href="http://someplace.com/neatstuff.gif" title="Me scuba diving">
牋 me scuba diving last summer
</A>
...some more text...
当 使 用 LINK 元 素 来 指 定 一 份 外部风格页 时 title a特 性 有 一 个 额 外 的 作 用. 关 于 细 节 请 参 阅 相 应 的 单 节.
注 意: 为 了 提 高 语 音 系 统 在 标 准 技 术 下 处 理 这 种 情 况 的 质 量, 将 来 的 HTML 版 本 将 包 括 处 理 音 素 和 诗 韵 信 息 的 元 素.

符合信息

当 这 份 说 明 书 完 稿 时, 许 多 关 于 允 许 作 者 分 配 更 富 有 的 文 档 易 读 信 息 和 其 它 HTML 文 档 网 络 易 用 资 源 的 方 法 已 经 得 到 提 议.

当 前 的 HTML 说 明 书 允 许 作 者 如 下 指 定 他 们 文 档 的 符 合 信 息:

  • 作 者 可 以 引 用 一 个 外 部 已 经 定 义 的 符 合 数 据 属 性 的 轮廓描述. 例 如, 一 份 轮 廓 描 述 可 能 定 义 了 帮 助 搜 索 引 擎 索 引 文 档 的 属 性, 如 "作 者", "版 权", "关 键 词" 等 等. 一 个 轮 廓 描 述 通 过 profile 特 性 和 HEAD 元 素 来 指 定.
  • 作 者 可 以 设 置 这 些 属 性 的 值. 可 以 是:
    1. 文 档 从 何 而 来, 通 过 META 元 素. 因 此, 轮 廓 描 述 可 以 定 义 可 被 META 元 素 设 定 的 姓 名 空 间 属 性.
    2. 从 外 部 文 档 而 来, 通 过 LINK 元 素(see the section on link types) 链 接 到 符 合 数 据. 因 此, 轮 廓 文 件 应 当 定 义 可 被 LINK 元 素 使 用 的 联 系 名 称 空 间..
注 意 因 为 一 个 轮 廓 定 义 于 HEAD 元 素, 同 一 个 轮 廓 也 应 用 了 文 档 头 中 的 所 有 的 META 和 LINK 元 素.

META 元素

<!ELEMENT META - O EMPTY牋牋牋 -- Generic Metainformation -->
<!ATTLIST META
%i18n;牋牋牋牋牋牋牋牋牋牋牋牋牋 -- lang, dir, for use with content string --
http-equiv NAME牋牋牋 #IMPLIED -- HTTP response header name --
name牋牋牋 NAME牋牋牋 #IMPLIED -- metainformation name --
content牋牋 CDATA牋牋 #REQUIRED -- associated information --
scheme牋牋 CDATA牋牋 #IMPLIED -- select form of content --
>
开 始 标 记: 需 要, 结 束 标 记: 禁 止
特 性 定 义

对 于 下 列 的 特 性, 它 们 的 允 许 的 值 和 解 译 方 式 取 决 于 轮廓描述:

name = cdata
这 个 特 性 指 定 属 性 名 称.
content = cdata
这 个 特 性 指 定 属 性 的 值.
scheme = cdata
这 个 特 性 命 名 一 个 用 来 解 译 属 性 值 的 方 法 的 名 称.
http-equiv = cdata
这 个 特 性 可 被 用 于 name 特 性 的 位 置 上. HTTP 服 务 器 用 这 个 特 定 来 组 织 HTTP 响 应 消 息 的 头 信 息.
在 它 处 定 义 的 特 性
META 元 素 可 被 用 来 描 述 文 档 的 属 性 (如 作 者, 终 止 日 期, 关 键 词 列 表 等 等) 并 且 分 配 这 些 属 性 的 值. 这 份 说 明 书 没 有 定 义 这 些 属 性 的 标 准 设 置.

name 特 性 指 定 属 性 而 content 特 性 则 指 定 属 性 的 值. 例 如, 

<META name="Author" content="Dave Raggett">
lang 特 性 可 与 META 一 起 使 用 来 指 定 content 特 性 值 的 语 言. 这 允 许 语 音 系 统 根 据 发 音 规 格 来 应 用 语 言.
例 如, 作 者 的 姓 名 用 法 语 声 明. 
<META name="Author" lang="fr" content="Arnaud Le Hors">
这 是 一 个 作 者 例 程: 一 些 用 户 代 理 器 提 供 在 几 秒 钟 后 通 过 META 刷 新 当 前 页 面, 或 用 其 它 页 来 代 替. 
<META name="refresh" content="3,http://www.acme.com/intro.html">
这 个 内 容 中 的 数 字 指 定 了 延 时 秒 数, 在 URL 被 调 入 后 计 时 开 始. 这 个 结 构 通 常 被 用 来 向 用 户 展 示 一 个 飞 快 的 介 绍. 不 过, 由 于 某 些 用 户 代 理 器 不 提 供 这 个 结 构, 作 者 应 当 在 介 绍 页 中 包 含 这 个 内 容 来 引 导 用 户 绕 开 它 (所 以 还 不 作 为 保 留 的 介 绍 页 的 "组 成 部 分").
META 和 HTTP 头
http-equiv 特 性 可 以 用 在 name 特 性 的 位 置 上 并 且 在 文 档 通 过 超 文 本 传 输 协 议 (Hypertext Transfer Protocol, HTTP) 恢 复 时 有 其 特 殊 的 重 要 性. HTTP 服 务 器 可 以 使 用 http-equiv 特 性 指 定 的 属 性 名 称 在 HTTP 响 应 中 生 成 一 个 [RFC822]-风 格 头. 关 于 HTTP 头 的 细 节 请 参 见 HTTP 说 明 书 ([RFC2068]).
下 列 的 例 程 是 META 声 明: 
<META http-equiv="Expires" content="Tue, 20 Aug 1996 14:25:27 GMT">
会 使 HTTP 头 表 现 为: 
Expires: Tue, 20 Aug 1996 14:25:27 GMT
这 可 以 让 缓 冲 来 决 定 何 时 取 得 一 份 关 联 文 档 的 刷 新 版 本.
META 和搜索引擎
META 的 通 常 用 处 是 指 定 搜 索 引 擎 用 来 提 高 搜 索 质 量 的 关 键 词. 当 数 个 META 元 素 提 供 文 档 语 言 从 属 信 息 时, 搜 索 引 擎 会 使 用 lang 特 性 来 过 滤 并 通 用 用 户 的 语 言 优 先 参 照 来 显 示 搜 索 结 果. 例 如: 
<META name="keywords" lang="en"
牋牋牋牋 content="vacation,Greece,sunshine">
<META name="keywords" lang="fr"
牋牋牋牋 content="vacances,Gr&egrave;ce,soleil">
搜 索 引 索 的 效 力 也 可 以 通 过 使 用 LINK 元 素 来 指 定 转 换 方 工 来 提 高, 其 中 其 它 语 言 文 档, 链 接 到 文 档 版 本 的 其 它 媒 体 格 式 (如 PDF) 以 及 当 文 档 是 一 个 集 合 的 部 分, 链 接 到 浏 览 集 的 适 宜 开 始 处 等 等.
META 和 PICS
互 联 网 内 容 选 择 (Internet Content Selection) [PICS] 的 平 台 是 一 种 是 与 互 联 网 内 容 联 系 标 签 的 (符 合 数 据) 的 低 层 结 构. 原 先 的 设 定 可 以 帮 助 父 和 师 控 制 子 是 否 可 以 在 互 联 网 上 运 行, 它 也 有 利 于 其 它 的 用 户 标 签, 包 括 代 码 符 号, 隐 私 和 智 力 性 的 正 确 分 配.
这 个 例 程 举 例 说 明 了 如 何 使 用 META 声 明 来 包 含 一 个 PICS 1.1 标 签: 
<HEAD>
<META http-equiv="PICS-Label" content='
(PICS-1.1 "http://www.gcf.org/v2.5"
牋 labels on "1994.11.05T08:15-0500"
牋牋 until "1995.12.31T23:59-0000"
牋牋 for "http://w3.org/PICS/Overview.html"
牋 ratings (suds 0.5 density 0 color/hue 1))
'>
<TITLE>..title goes here..</TITLE>
</HEAD>
<BODY>
...the body...
</BODY>
META 与缺省信息
META 元 素 可 以 在 下 例 中 指 定 文 档 的 缺 省 信 息:
下 面 的 例 程 指 定 了 作 为 ISO-8859-5 文 档 的 字符解码方式 
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">

符合数据的轮廓描述

HEAD 的 profile 特 定 指 定 了 符 合 数 据 的 轮 廓 描 述 的 位 置. profile 特 性 的 值 是 统 一 资 源 定 位 器. 用 户 代 理 器 可 以 以 两 种 途 径 来 使 用 统 一 资 源 定 位 器:
  • 作 为 唯 一 的 通 用 的 全 局 的名 称. 用 户 代 理 器 可 能 能 够 识 别 这 个 名 称 (现 在 不 取 回 轮 廓 描 述) 并 且 执 行 一 些 基 于 已 知 轮 廓 描 述 约 定 的 进 程. 例 如, 搜 索 引 擎 可 以 提 供 一 个 在 HTML 文 档 目 录 中 搜 索 的 接 口, 而 这 些 文 档 对 于 目 录 响 应 均 使 用 相 同 的 轮 廓 描 述.
  • 作 为 一 个 链 接, 用 户 代 理 器 可 能 废 弃 这 个 统 一 资 源 定 位, 而 执 行 一 些 在 轮 廓 描 述 中 定 义 的 东 东 (例 如: 确 定 当 前 HTML 中 的 轮 廓 描 述 有 效). 这 份 说 明 书 没 有 定 方 轮 廓 描 述 的 格 式.
这 个 例 程 引 用 一 份 假 定 的 轮 廓 描 述 来 定 义 有 用 的 文 档 索 引 属 性. 由 此 轮 廓 描 述 定 义 的 属 性 --- 包 括 "作 者", "版 权", "关 键 词" 和 "日 期" --- 在 后 来 的 META 声 明 中 设 值. 
<HEAD profile="http://www.acme.com/profiles/core">
<TITLE>How to complete Memorandum cover sheets</TITLE>
<META name="author" content="John Doe">
<META name="copyright" content="&copy; 1997 Acme Corp.">
<META name="keywords" content="corporate,guidelines,cataloging">
<META name="date" content="23 Jan 1997 16:05:31 GMT">
</HEAD>
在 这 份 说 明 书 完 稿 时, 通 常 尝 试 使 用 在 [RFC2068] 描 述 的 方 式. HTTP 的 应 用 对 于 日 期 / 时 间 印 记 在 历 史 上 有 过 三 种 不 同 的 格 式: 
燬un, 06 Nov 1994 08:49:37 GMT ; RFC 822, 由 RFC 1123 更 新
燬unday, 06-Nov-94 08:49:37 GMT ; RFC 850, 被 RFC 1036 淘 汰
燬un Nov 6 08:49:37 1994牋牋牋 ; ANSI C 的 asctime() 格 式
根 据 [RFC2068], 第 一 种 格 式 是 首 选 的. 它 代 表 了 一 种 在 [RFC1123] ([RFC822] 的 升 级) 中 定 义 的 组 合 长 度 的 子 集. 第 二 种 格 式 是 通 常 被 使 用 的, 但 它 基 于 被 淘 汰 的 [RFC850] 的 日 期 格 式 并 且 缺 乏 4-数 字 年 份. HTTP 1.1 客 户 必 须 接 受 所 有 的 这 些 格 式, 但 在 HTML 头 中 只 使 用 [RFC1123] 格 式. 希 望 HTML 用 户 代 理 器 在 此 问 题 上 遵 循 HTTP 1.1, 并 且 额 外 地 指 供 [ISO8601] 日 期 格 式, 例 如 "1997-01-23T16:05:31+00:00". 关 于 更 多 的 信 息, 请 参 阅 INS 和 DEL 元 素 部 分.

当 有 属 性 提 供 多 种 格 式 时, scheme 特 性 值 用 来 标 识 content 特 性 期 望 的 值. 允 许 的 scheme 特 性 的 值 取 决 于 name 属 性 的 轮廓描述.

下 面 例 程 中 的 第 一 个 META 声 明 引 用 Dewey Decimal System (dds) 方 案. 第 二 个 引 用 ISBN 方案. 
牋 <META scheme="dds" name="description"
牋牋牋牋 content="04.251 Supercomputers systems design">
牋 <META scheme="ISBN" name="identifier" content="0-8230-2355-9">
注 意: 有 一 个 例 程 轮 廓 描 述 是 Dublin Core[DCORE]. 这 个 轮 廓 描 述 定 义 电 子 著 作 题 解 描 述 集, 并 且 有 意 用 来 提 高 不 同 的 描 述 模 版 的 统 一 性.

BODY 元素

<!ENTITY % block "(%blocklevel | %inline)*">

<!ENTITY % Color "CDATA" -- a color using sRGB: #RRGGBB as Hex values -->

<!-- There are also 16 widely known color names with their sRGB values:

牋 Black = #000000牋 Green = #008000
牋 Silver = #C0C0C0牋 Lime牋 = #00FF00
牋 Gray牋 = #808080牋 Olive = #808000
牋 White = #FFFFFF牋 Yellow = #FFFF00
牋 Maroon = #800000牋 Navy牋 = #000080
牋 Red牋 = #FF0000牋 Blue牋 = #0000FF
牋 Purple = #800080牋 Teal牋 = #008080
牋 Fuchsia= #FF00FF牋 Aqua牋 = #00FFFF
-->

<!ENTITY % bodycolors "
燽gcolor %Color #IMPLIED
爐ext %Color牋 #IMPLIED

爈ink %Color牋 #IMPLIED
爒link %Color牋 #IMPLIED
燼link %Color牋 #IMPLIED
">

<!ELEMENT BODY O O (%block) -(BODY) +(INS|DEL)>
<!ATTLIST BODY
%attrs;牋牋牋牋牋牋牋牋牋牋牋牋 -- %coreattrs, %i18n, %events --
background %URL牋牋牋 #IMPLIED -- texture tile for document background --
%bodycolors;牋牋牋牋牋牋牋牋牋牋 -- bgcolor, text, link, vlink, alink --
onload牋牋 %Script牋 #IMPLIED -- the document has been loaded --
onunload牋 %Script牋 #IMPLIED -- the document has been removed --
>
开 始 标 记: 可 选, 结 束 标 记: 可 选
特 性 定 义
background = url
不 赞 成. 这 个 特 性 的 值 是 指 明 图 像 资 源 的 统 一 资 源 位 置. 这 个 图 像 通 常 用 来 铺 成 背 景 (对 于 可 视 浏 览 器).
text =color
不 赞 成. 这 个 特 性 值 设 定 文 本 的 前 景 色 (对 于 可 视 浏 览 器).
link = color
不 赞 成. 这 个 特 性 值 用 来 设 定 标 注 未 访 问 链 接 文 本 的 颜 色 (对 于 可 视 浏 览 器).
vlink = color
不 赞 成. 这 个 特 性 值 用 来 设 定 标 注 已 访 问 链 接 文 本 的 颜 色 (对 于 可 视 浏 览 器).
alink = color
不 赞 成. 这 个 特 性 值 用 来 设 定 当 用 户 选 定 链 接 文 本 时 的 颜 色 (对 于 可 视 浏 览 器).
在 它 处 定 义 的 特 性
文 档 的 主 干 包 含 了文 档 的 内 容. 用 户 代 理 器 通 过 多 种 途 径 来 表 现 这 些 内 容. 例 如, 对 于 可 视 浏 览 器, 你 可 以 把 主 干 想 象 成 一 张 画 布, 可 以 出 现: 文 字, 图 像, 颜 色, 图 案 等 等. 对 于 声 像 代 理 器, 相 同 的 内 容 将 被 朗 读. 既 然 风格页 是 首 选 的 文 档 表 达 方 式, 陈 述 特 性 BODY 刚 成 为 不 赞 成 的. 这 些 特 性 只 有 当 你 打 算 控 制 不 提 供 风 格 页 的 用 户 代 理 器 时 使 用.
下 面 的 语 句 举 例 说 明 了 HTML 的 不 赞 成 的 特 性. 它 把 画 布 的 颜 色 设 成 白 色, 文 字 前 景 色 设 为 黑 色, 初 始 的 超 链 颜 色 为 红, 在 激 活 时 是 洋 红, 而 在 访 问 过 后 则 呈 现 栗 色.

不 赞 成 例 程: 

<HTML>
<HEAD>
<TITLE>A study of population dynamics</TITLE>
/HEAD>
<BODY bgcolor="white" text="black"
爈ink="red" alink="fuschia" vlink="maroon">
... document body...
</BODY>
</HTML>
使 用 风格页, 相 同 的 效 果 可 以 如 下 完 成: 
<HTML>
<HEAD>
<TITLE>A study of population dynamics</TITLE>
<STYLE type="text/css">
燘ODY { background: white; color: black}
燗:link { color: red }
燗:visited { color: maroon }
燗:active { color: fuschia }
</STYLE>
</HEAD>
<BODY>
... document body...
</BODY>
</HTML>
使 用 风 格 页 给 你 调 整 文 档 表 达 的 弹 性 而 不 用 改 变 文 档: 
<HTML>
<HEAD>
<TITLE>A study of population dynamics</TITLE>
<LINK rel="stylesheet" type="text/css" href="smartstyle.css">
</HEAD>
<BODY>
... document body...
</BODY>
</HTML>
框 和 HTML 主 干. 包 含 框 的 文 档 通 过 FRAMESET 元 素 来 代 替 BODY 元 素. 请 查 阅 框 部 分 来 获 得 更 多 信 息.

元素标识符: id 和 class 特性

特 性 定 义
id = name
这 个 特 性 分 配 了 广 泛 的 文 档 名 作 为 一 个 元 素 的 实 例. 在 文 档 内 id 的 值 必 须 是 唯 一 的. 此 外, 这 个 特 性 与 name 特 性 享 用 同 一 个 命 名 空 间.
class = cdata-list
这 个 特 性 分 配 了 一 个 类 或 类 的 集 合 作 为 一 个 指 定 的 元 素 实 例. 任 意 数 量 的 元 素 可 以 被 分 配 成 相 同 的 类 名 或 名 字. 它 们 必 须 以 空 白 来 分 开.
id 和 class 特 性 分 配 元 素 实 例 一 个 标 识 符.

一 个 由 id 指 定 的 标 识 符 在 一 份 文 档 中 必 须 是 唯 一 的. 一 个 class 指 定 的 类 名 可 以 被 数 个 元 素 实 例 共 享. 类 的 值 应 当 选 用 能 够 辨 认 的 与 元 素 有 关 的 词, 如 note, example 以 及 warning 等.

这 些 特 性 可 以 通 过 下 列 途 径 使 用:

  • id 特 性 可 以 作 为 超 文 本 链 接 的 目 标 使 用 (参 见 锚点 部 分).
  • 脚 本 可 以 使 用 id 特 性 来 参 照 一 个 特 定 的 元 素.
  • 风 格 页 可 以 通 过 id 特 性 来 对 特 定 的 元 素 提 供 风 格.
  • id 特 性 被 用 来 标 识 OBJECT 元 素 声 明.
  • 风 格 页 可 以 使 用 class 特 性 来 对 一 组 与 类 相 关 的 或 作 为 类 的 子 元 素 的 集 合 提 供 风 格.
  • id 和 class 两 者 均 能 用 于 进 一 步 的 处 理 目 的, 例 如 用 来 指 定 把 数 据 从 HTML 页 提 取 到 数 据 库 时 标 识 字 段, 把 HTML 文 档 转 换 成 别 的 格 式 时, 等 等).
几 乎 每 一 个 HTML 元 素 可 以 被 分 配 标 识 符 和 类 信 息.
例 如, 我 们 假 定 编 写 一 份 关 于 编 程 语 言 的 文 档. 这 个 文 档 可 以 包 含 一 定 数 量 的 预 置 文 本. 我 们 对 于 例 程 使 用 PRE 元 素 来 标 定 格 式. 而 且 也 分 配 所 有 的 属 于 "example" 类 的 PRE 元 素 中 的 例 程 的 背 景 色 为 绿 色 (green). 
<HEAD>
<STYLE
PRE.example { background : green }
</STYLE
</HEAD>
<BODY>
<PRE class="example" id="example-1">
...example code here...
</PRE>
</BODY>
对 此 例 程 通 过 设 定 id 特 性, 我 们 能 够 (1) 为 其 建 立 一 个 超 链 和 (2) 超 越 实 例 风 格 的 类 风 格 信 息.

元素编组:DIV 和SPAN 元素

<!ELEMENT DIV - - %block>
<!ATTLIST DIV
%attrs;牋牋牋牋牋牋牋牋牋牋牋牋 -- %coreattrs, %i18n, %events --
%align;牋牋牋牋牋牋牋牋牋牋牋牋 -- align, text alignment --
>
<!ELEMENT SPAN - - (%inline)*牋牋 -- generic language/style container -->
<!ATTLIST SPAN
%attrs;牋牋牋牋牋牋牋牋牋牋牋牋 -- %coreattrs, %i18n, %events --
>
开 始 标 记: 需 要, 结 束 标 记: 需 要
在 它 处 定 义 的 特 性
DIV 和 SPAN 元 素, 作 为 id 和 class 特 性 的 连 接 词, 提 供 了 一 个 通 常 地 对 文 档 加 入 结 构 的 机 制. 这 是 仅 有 的 两 个 HTML 元 素 不 能 在 它 们 内 容 中 附 加 陈 述. 因 此 , 通 过 建 立 实 例 和 元 素 的 类 以 及 向 它 们 提 供 风格页, 作 者 可 以 根 据 他 们 的 需 要 和 假 定 来 指 定 HTML.
设 想 我 们 打 算 生 成 一 个 来 自 于 客 户 信 息 数 据 库 的 文 档. 由 于 HTML 不 包 括 标 识 为 "client", "telephone number", "email address" 等 等 的 对 象 元 素, 我 们 使 用 DIV 和 SPAN 来 缝 合 HTML 与 我 们 的 需 要.

在 此 例 中, 每 个 客 户 的 姓 属 于 "client-last-name" 类 等 等. 我 们 也 分 配 给 每 个 用 户 一 个 唯 一 标 志 符 ("client-boyera", "client-lafon" 等 等). 

<DIV id="client-boyera" class="client">
<SPAN class="client-last-name">Last name:</SPAN> Boyera,
<SPAN class="client-first-name">First name:</SPAN> Stephane
<SPAN class="client-tel">Telephone:</SPAN> (212) 555-1212
<SPAN class="client-email">Email:</SPAN> sb@foo.org
</DIV>

<DIV id="client-lafon" class="client">
<SPAN class="client-last-name">Last name:</SPAN> Lafon,
<SPAN class="client-first-name">First name:</SPAN> Yves
<SPAN class="client-tel">Telephone:</SPAN> (617) 555-1212
<SPAN class="client-email">Email:</SPAN> yves@bar.com
</DIV>
然 后, 我 们 可 以 简 单 地 把 风 格 信 息 加 到 我 们 的 文 档 来 使 这 些 数 据 库 条 目 和 谐 显 示.
当 你 想 为 一 组 单 词 分 配 类 或 语 言 信 息 时, SPAN 是 一 个 可 以 在 段 落, 列 表 条 目 等 项 目 中 使 用 的 行 内 元 素. SPAN 不 能 用 来 对 封 闭 级 元 素 编 组. SPAN 在 渲 染 上 没 有 天 生 的 效 果 直 到 你 提 供 一 个 风 格, 例 如 通 过 style 特 性 或 链 接 到 风 格 页.

DIV 与 之 相 反 , 是 封 闭 级 元 素. 它 可 以 用 来 对 其 它 的 封 闭 级 元 素 编 组, 但 不 能 用 于 段 落 元 素 中. DIV 元 素 紧 跟 一 个 打 开 的 P 元 素 将 终 止 那 个 段 落.

用 户 代 理 器 通 常 在 DIV 元 素 前 后 放 置 一 个 换 行, 例 如: 

<P>aaaaaaaaa<DIV>bbbbbbbbb</DIV><DIV>ccccc<P>ccccc</DIV>
这 典 型 地 被 渲 染 成: 
aaaaaaaaa
bbbbbbbbb
ccccc

ccccc
你 的 用 户 代 理 器 也 可 能 如 下 渲 染:
aaaaaaaaabbbbbbbbbccccc

ccccc

引导: TheH1,H2,H3,H4,H5,H6 元素

<!ENTITY % heading "H1|H2|H3|H4|H5|H6">
<!--
燭here are six levels of headings from H1 (the most important)
爐o H6 (the least important).
-->

<!ELEMENT (%heading) - - (%inline;)*>
<!ATTLIST (%heading)
%attrs;牋牋牋牋牋牋牋牋牋牋牋牋 -- %coreattrs, %i18n, %events --
%align;牋牋牋牋牋牋牋牋牋牋牋牋 -- align, text alignment --
>
开 始 标 记: 需 要, 结 束 标 记: 需 要
在 它 处 定 义 的 特 性
一 个 引 导 元 素 简 要 的 描 述 了 这 个 部 分 的 介 绍 主 题. 引 导 信 息 可 用 被 用 户 代 理 器 使 用, 例 如 自 动 地 为 文 档 生 成 一 个 目 录 表 格.

HTML 中 有 6 种 级 别 的 引 导 从 最 重 要 H1 到 最 不 重 要 的 H6. 用 户 代 理 器 将 使 用 较 大 的 字 体 来 渲 染 比 较 重 要 的 引 导 信 息.

下 面 的 例 程 展 示 了 如 何 使 用 在 后 续 文 档 使 用 DIV 元 素 来 联 系 一 个 引 导 信 息. 这 样 做 允许 你 定 通 过 风 格 页 来 定 义 这 部 分 的 风 格 (定 义 背 景 色, 设 置 字 体 等 等). 
<DIV class="section" id="forest-elephants" >
<H1>Forest elephants</H1>
In this section, we discuss the lesser known forest elephants.
...this section continues...
<DIV class="subsection" id="forest-habitat" >
<H2>Habitat</H2>
Forest elephants do not live in trees but among them.
...this subsection continues...
</DIV>
</DIV>
这 个 结 构 可 以 如 下 通 过 风 格 信 息 来 装 饰: 
<HEAD>
<STYLE>
DIV.section { text-align: justify; font-size: 12pt}
DIV.subsection { text-indent: 2em }
H1 { font-style: italic; color: green }
H2 { color: green }
</STYLE>
</HEAD>
标 号 章 节 与 参 照
HTML 自 行 并 不 生 成 由 引 导 信 息 生 成 的 章 节 编 号. 然 而 这 个 机 制 可 由 用 户 代 理 器 提 供. 不 久 的 将 来, 如 CSS 之 类 风 格 页 语 言 将 允 许 作 者 来 控 制 章 节 号 的 产 生 (通 过 文 档 中 转 递 参 照 操 作, 如 "参 阅 章 节 7.2").
某 些 人 认 为 跳 过 引 导 级 别 是 一 种 坏 习 惯. 他 们 接 受 H1 H2 H1 方 式 而 摒 屏 跳 过 H2 的 H1 H3 H1 方 式.

ADDRESS 元素

<!ELEMENT ADDRESS - - ((%inline;) | P)*>
<!ATTLIST ADDRESS
%attrs;牋牋牋牋牋牋牋牋牋牋牋牋 -- %coreattrs, %i18n, %events --
>
开 始 标 记: 需 要, 结 束 标 记: 需 要
在 它 处 定 义 的 特 性
因 为 没 有 更 好 的 位 置, 我 们 只 能 在 此 定 义 ADDRESS. 这 个 元 素 在 文 档 中 加 入 作 者 和 交 互 信 息, 如: 
<ADDRESS>
Newsletter editor<BR>
J. R. Brown<BR>
8723 Buena Vista, Smallville, CT 01234<BR>
Tel: +1 (123) 456 7890
</ADDRESS>
前页 后页 目录 元素 特性
Translated: 17-7-1997