HTML4.0标签参考指南
立即解锁
发布时间: 2025-08-19 01:56:54 阅读量: 2 订阅数: 6 
HTML 4, XML 和 Java 1.2 白金版教程
# HTML 4.0 标签参考指南
## 1. 参考范围
HTML 4.0 涵盖了众多标签，这些标签在构建网页时发挥着关键作用。本指南聚焦于万维网联盟（W3C）发布的 HTML 4.0 推荐标准中的所有标签，为你提供每个标签的详细信息，包括属性、语法和使用示例。需要注意的是，本指南仅涉及 1998 年 4 月 W3C 发布的推荐 HTML 4.0 文档类型定义（DTD）中的标签，浏览器特定的扩展不在讨论范围内。
若想了解 HTML 4.0 的最新状态，可访问 [http://www.w3.org/TR/PR-html40/](http://www.w3.org/TR/PR-html40/)，这里有该标准的最新版本及上一版本的链接。
## 2. 章节组织
为方便你查找所需标签，本指南将内容精心组织，主要分为以下几大板块：
|板块|涵盖标签|
| ---- | ---- |
|文档结构标签|`<HTML>`、`<HEAD>`、`<BASE>`、`<ISINDEX>`、`<META>`、`<LINK>`、`<SCRIPT>`、`<STYLE>`、`<TITLE>`、`<BDO>`、`<BODY>`|
|格式化标签|`<B>`、`<BASEFONT>`、`<BIG>`、`<FONT>`、`<I>`、`<S>`、`<STRIKE>`、`<SMALL>`、`<SUB>`、`<SUP>`、`<TT>`、`<U>`、`<ABBR>`、`<ACRONYM>`、`<ADDRESS>`、`<CITE>`、`<CODE>`、`<DEL>`、`<DFN>`、`<EM>`、`<INS>`、`<KBD>`、`<Q>`、`<SAMP>`、`<STRONG>`、`<VAR>`、`<BLOCKQUOTE>`、`<BR>`、`<CENTER>`、`<DIV>`、`<HR>`、`<H1>-<H6>`、`<P>`、`<PRE>`、`<SPAN>`|
|列表标签|`<LI>`、`<DIR>`、`<DL>`、`<DT>`、`<DD>`、`<MENU>`、`<OL>`、`</UL>`|
|超链接标签|`<A>`|
|图像和图像映射标签|`<IMG>`、`<MAP>`、`<AREA>`|
|表格标签|`<TABLE>`、`<CAPTION>`、`<THEAD>`、`<TFOOT>`、`<TBODY>`、`<COLGROUP>`、`<COL>`、`<TR>`、`<TD>`、`<TH>`|
|表单标签|`<FORM>`、`<INPUT>`、`<SELECT>`、`<OPTION>`、`<OPTGROUP>`、`<TEXTAREA>`、`<BUTTON>`、`<LABEL>`、`<FIELDSET>`、`<LEGEND>`|
|框架标签|`<FRAMESET>`、`<FRAME>`、`<NOFRAMES>`、`<IFRAME>`|
|可执行内容标签|`<APPLET>`、`<PARAM>`、`<OBJECT>`|
在每个板块内，会详细讨论多个标签，你将获取每个标签的以下信息：
- **标签关键字**：例如，`<INPUT>` 标签的关键字是 `INPUT`。
- **标签类型**：HTML 标签分为容器标签和独立标签。容器标签会激活某种效果，并配有结束标签来终止该效果；独立标签则无需结束标签。
- **标签功能**：描述标签控制的效果或页面元素。
- **标签语法**：HTML 源于标准通用标记语言（SGML），遵循特定规则定义标签语法。
- **标签属性**：属性用于修改标签效果。部分标签无属性，部分可拥有多个属性，且有些属性取值有限。
- **使用示例**：通过示例代码助你了解标签用法。
- **相关标签**：部分标签需与其他标签配合使用以产生效果，这里会列出相关标签。
### 2.1 全局属性
部分属性几乎可用于所有标签，以下是全局属性的总结：
|属性|用途|适用标签|
| ---- | ---- | ---- |
|CLASS|标签类的空格分隔列表|除 `<BASE>`、`<BASEFONT>`、`<HEAD>`、`<HTML>`、`<META>`、`<PARAM>`、`<SCRIPT>`、`<STYLE>` 和 `<TITLE>` 外的所有标签|
|DIR|弱文本或中性文本的方向|除 `<APPLET>`、`<BASE>`、`<BASEFONT>`、`<BDO>`、`<BR>`、`<FRAME>`、`<FRAMESET>`、`<HR>`、`<IFRAME>`、`<PARAM>` 和 `<SCRIPT>` 外的所有标签|
|ID|文档范围内的唯一标识符|除 `<BASE>`、`<HEAD>`、`<HTML>`、`<META>`、`<SCRIPT>`、`<STYLE>` 和 `<TITLE>` 外的所有标签|
|LANG|指定文档语言上下文|除 `<APPLET>`、`<BASE>`、`<BASEFONT>`、`<BR>`、`<FRAME>`、`<FRAMESET>`、`<HR>`、`<IFRAME>`、`<PARAM>` 和 `<SCRIPT>` 外的所有标签|
|STYLE|将样式信息绑定到标签|除 `<BASE>`、`<BASEFONT>`、`<HEAD>`、`<HTML>`、`<META>`、`<PARAM>`、`<SCRIPT>`、`<STYLE>` 和 `<TITLE>` 外的所有标签|
|TITLE|提示标题|除 `<BASE>`、`<BASEFONT>`、`<HEAD>`、`<HTML>`、`<META>`、`<PARAM>`、`<SCRIPT>`、`<STYLE>` 和 `<TITLE>` 外的所有标签|
其中，`STYLE` 属性最为常用，可用于为标签分配样式信息。例如，将二级标题设为红色：
```html
<H2 STYLE="color: red">Red Heading</H2>
```
`ID` 属性在为标签设置唯一标识符时很有用，尤其在编写支持动态 HTML 文档的脚本时，可通过 JavaScript、JScript 或 VBScript 访问标签。
`LANG` 属性在处理多语言内容时很有帮助，通常设为双字符语言代码，如 “fr” 表示法语，“de” 表示德语。若存在语言变体，会使用扩展代码，如 “en-US” 表示美式英语。
`DIR` 属性用于指定文本方向，取值为 `LTR`（从左到右）或 `RTL`（从右到左）。
`TITLE` 属性可为标签指定描述性文本，对非视觉浏览器（如语音或盲文输出浏览器）有帮助。
`CLASS` 属性可创建同一标签的不同类，例如：
```html
<A HREF="xrefs.html" CLASS="cross-reference"> ... </A>
<A HREF="defns.html" CLASS="definition"> ... </A>
<A HREF="biblio.html" CLASS="bibliography"> ... </A>
```
在样式表中可引用这些类：
```css
A.cross-reference {color: navy}
A.definition {color: yellow}
A.bibliography {color: fuschia}
```
### 2.2 事件处理程序
HTML 4.0 支持多个事件处理程序，用于触发 HTML 文档中嵌入的脚本代码执行。以下是各事件处理程序及其触发条件：
|事件处理程序|触发条件|
| ---- | ---- |
|onload|文档或框架集加载时；仅允许在 `<BODY>` 和 `<FRAMESET>` 元素中使用|
|onunload|文档或框架集卸载时；仅允许在 `<BODY>` 和 `<FRAMESET>` 元素中使用|
|onclick|鼠标按钮单击一次|
|ondblclick|鼠标按钮双击|
|onmousedown|鼠标按钮按下|
|onmouseup|鼠标按钮释放|
|onmouseover|鼠标指针悬停在页面元素上|
|onmousemove|鼠标指针在页面元素上移动|
|onmouseout|鼠标指针移出页面元素|
|onfocus|表单字段通过制表键或鼠标点击获得焦点；仅允许在 `<INPUT>`、`<SELECT>`、`<TEXTAREA>`、`<LABEL>` 和 `<BUTTON>` 元素中使用|
|onblur|表单字段通过制表键或鼠标点击失去焦点；仅允许在 `<INPUT>`、`<SELECT>`、`<TEXTAREA>`、`<LABEL>` 和 `<BUTTON>` 元素中使用|
|onkeypress|在页面元素上按下并释放键|
|onkeydown|在页面元素上按下键|
|onkeyup|在页面元素上释放键|
|onsubmit|表单提交时；仅允许在 `<FORM>` 标签中使用|
|onreset|表单重置时；仅允许在 `<FORM>` 标签中使用|
|onselect|用户在文本字段中选择文本；仅允许在 `<INPUT>` 和 `<TEXTAREA>` 元素中使用|
|onchange|表单字段失去焦点且值自获得焦点后发生变化；仅允许在 `<INPUT>`、`<TEXTAREA>` 和 `<SELECT>` 元素中使用|
例如，当用户提交表单时，可使用 `onsubmit` 事件处理程序触发字段验证脚本：
```html
<FORM ACTION="register.cgi" METHOD="POST" onsubmit="validate();">
```
### 2.3 文档结构标签
每个 HTML 文档包含三个主要组件：HTML 声明、头部和主体，文档结构标签用于定义这些组件。
#### 2.3.1 `<HTML>`
- **类型**：容器
- **功能**：声明文档为 HTML 文档，所有文档内容和支持的 HTML 代码置于 `<HTML>` 和 `</HTML>` 标签之间。
- **语法**：
```html
<HTML> ... </HTML>
```
- **属性**：理论上 `<HTML>` 标签可使用 `VERSION` 属性，但已被弃用，版本信息建议在 `<!DOCTYPE>` 标签中指定。
- **示例**：
```html
<HTML>
... 所有内容和 HTML 代码在此 ...
</HTML>
```
- **相关标签**：`<HTML>` 标签前有时会有 `<!DOCTYPE>` 标签，指定文档符合的 HTML 级别，如：
```html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
```
#### 2.3.2 `<HEAD>`
- **类型**：容器
- **功能**：包含构成文档头部的标签。
- **语法**：
```html
<HEAD> ... </HEAD>
```
- **属性**：`<HEAD>` 可使用 `PROFILE` 属性，值为指向文档元数据配置文件的 URL 空格分隔列表。
- **示例**：
```html
<HTML>
<HEAD PROFILE="http://www.server.com/profiles/">
... 构成文档头部的标签在此 ...
</HEAD>
... 所有其他内容和 HTML 代码在此 ...
</HTML>
```
- **相关标签**：`<HEAD>` 标签内可放置 `<BASE>`、`<ISINDEX>`、`<LINK>`、`<META>`、`<SCRIPT>`、`<STYLE>` 和 `<TITLE>` 等标签。
#### 2.3.3 `<BASE>`
- **类型**：独立
- **功能**：声明 `HREF` 和 `TARGET` 属性的全局参考值，参考或基础 `HREF` 值用于计算所有相对 URL 引用，基础 `TARGET` 名称用于指定加载所有链接文档的框架。
- **语法**：
```html
<BASE HREF="base_url">
或
<BASE TARGET="frame_name">
```
- **属性**：`<BASE>` 标签可使用 `HREF` 或 `TARGET` 属性，一个 `<BASE>` 标签只能包含一个属性，若需同时指定基础 URL 和基础目标框架，需在文档头部使用两个 `<BASE>` 标签。
- `HREF`：指定用于帮助计算相对 URL 的参考 URL。
- `TARGET`：指定所有链接的默认框架名称。
- **示例**：
```html
<HEAD>
<BASE HREF="http://www.myserver.com/index.html">
<BASE TARGET="bigframe">
...
</HEAD>
```
此代码将文档的基础 URL 设置为 `http://www.myserver.com/index.html`，基础框架设置为 “bigframe”。
#### 2.3.4 `<ISINDEX>`
- **类型**：独立
- **功能**：生成单行输入字段，用于收集查询信息。
- **语法**：
```html
<ISINDEX PROMPT="请输入要搜索的值。">
```
- **属性**：`PROMPT` 属性指定输入字段前显示的文本，无该属性时，显示 “This is a searchable index. Enter search criteria:”。
- **示例**：
```html
<HEAD>
<ISINDEX PROMPT="输入要搜索的员工姓氏:">
...
</HEAD>
```
- **注意**：`<ISINDEX>` 标签早期使用较多，W3C 已弃用，建议使用 `<FORM>` 标签。
#### 2.3.5 `<META>`
- **类型**：独立
- **功能**：定义文档元信息，如关键字、过期日期、作者、页面生成软件等，还支持客户端拉取（client pull）技术，浏览器在指定延迟后加载新文档。
- **语法**：
```html
<META HTTP-EQUIV="header" CONTENT="value">
或
<META NAME="name" CONTENT="value">
```
- **属性**：
- `HTTP-EQUIV`：指定随文档发送的 HTTP 头部类型，值由 `CONTENT` 属性给出，常用值有 `REFRESH`（指定延迟后刷新页面）和 `EXPIRES`（指定文档内容不可靠的日期）。
- `NAME`：指定文档元变量名称，值由 `CONTENT` 属性给出，常见值有 `AUTHOR`、`KEYWORDS`、`GENERATOR` 和 `DESCRIPTION`。
- `SCHEME`：提供解释元变量的信息。
- `CONTENT`：指定 HTTP 头部或元变量的值。
- **示例**：
```html
<HEAD>
<!-- 第一个 <META> 标签指示浏览器 5 秒后加载新页面 -->
<!-- 用于创建闪屏效果 -->
<META HTTP-EQUIV="Refresh" CONTENT="5; URL=http://www.myserver.com/index2.html">
<!-- 其余 <META> 标签指定作者和关键字信息 -->
<META NAME="AUTHOR" CONTENT="Eric Ladd">
<META NAME="KEYWORDS" CONTENT="主页, 欢迎, 精彩内容">
...
</HEAD>
```
#### 2.3.6 `<LINK>`
- **类型**：独立
- **功能**：表示两个文件之间的链接关系。
- **语法**：
```html
<LINK HREF="url_of_linked_file" TITLE="title" REL="forward_relationship" REV="reverse_relationship">
```
- **属性**：
- `CHARSET`：指定使用的字符编码方案。
- `HREF`：指向链接文件的 URL。
- `HREFLANG`：指定链接文件的语言代码。
- `MEDIA`：指定链接文档的预期显示目标，默认值为 “screen”。
- `TARGET`：指定加载链接文档的框架。
- `TITLE`：为链接提供描述性标题。
- `REL`：指定链接文件与当前文件的关系。
- `REV`：指定当前文件与链接文件的关系。
- **示例**：
```html
<HEAD>
<LINK HREF="/style/styles.css" REL="Stylesheet">
<LINK HREF="/index.html" REL="Home">
<LINK HREF="/help.html" REL="Help">
<LINK HREF="back_one.html" REV="Previous">
...
</HEAD>
```
#### 2.3.7 `<SCRIPT>`
- **类型**：容器
- **功能**：包含文档主体引用的脚本代码。
- **语法**：
```html
<SCRIPT LANGUAGE="scripting_language">
... 脚本代码在此 ...
</SCRIPT>
```
- **属性**：
- `CHARSET`：指定使用的字符编码方案。
- `DEFER`：指定该属性告知浏览器脚本不生成文档内容，可继续解析和渲染文档而无需执行脚本。
- `LANGUAGE`：指定编写脚本的语言，已被 `TYPE` 属性取代。
- `SRC`：指定包含脚本代码的文件 URL，若代码不在 `<SCRIPT>` 和 `</SCRIPT>` 标签之间。
- `TYPE`：指定脚本代码的 MIME 类型，通常为 “text/javascript” 或 “text/vbscript”，指定特定版本时可包含版本信息，是 HTML 4.0 中的必需属性。
- **示例**：
```html
<SCRIPT LANGUAGE="VBScript">
<!--
Sub ScriptEx
document.write("<HR>")
document.write("<H1 ALIGN=CENTER>感谢您的提交！</H1>")
document.write("<HR>")
-->
</SCRIPT>
```
- **相关标签**：可使用 `<NOSCRIPT>` 标签指定浏览器无法执行脚本时的替代内容。
#### 2.3.8 `<NOSCRIPT>`
- **类型**：容器
- **功能**：提供脚本无法执行时的替代内容，可能因用户关闭脚本或浏览器不支持脚本语言导致。
- **语法**：
```html
<NOSCRIPT>
... 脚本代码的替代内容在此 ...
</NOSCRIPT>
```
- **属性**：无
- **示例**：
```html
<SCRIPT LANGUAGE="VBScript">
document.write("Hello, World!");
</SCRIPT>
<NOSCRIPT>
您已关闭脚本或浏览器不支持 VBScript。
</NOSCRIPT>
```
#### 2.3.9 `<STYLE>`
- **类型**：容器
- **功能**：指定文档的样式信息。
- **语法**：
```html
<STYLE TYPE="mime_type" MEDIA="media_type" TITLE="title">
... 样式信息在此 ...
</HTML>
```
- **属性**：
- `MEDIA`：指定样式适用的媒体类型（如视觉浏览器、语音浏览器、盲文浏览器等）。
- `TITLE`：为样式信息提供描述性标题。
- `TYPE`：指定样式语言的 Internet 内容类型，通常为 “text/css1”，是 `<STYLE>` 标签的必需属性。
- **示例**：
```html
<STYLE TYPE="text/css1">
<!--
BODY {font: 10 pt Palatino; color: silver margin-left: 0.25 in}
H1 {font: 18 pt Palatino; font-weight: bold}
H2 {font: 16 pt Palatino; font-weight: bold}
P {font: 12 pt Arial; line-height: 14 pt; text-indent: 0.25 in}
-->
</STYLE>
```
#### 2.3.10 `<TITLE>`
- **类型**：容器
- **功能**：为文档提供描述性标题，HTML 4.0 DTD 要求使用该标签。标题显示在浏览器窗口标题栏、书签和历史记录列表中，搜索引擎索引文档时也常查找标题信息。
- **语法**：
```html
<TITLE> ... 文档标题在此 ... </TITLE>
```
- **属性**：无
- **示例**：
```html
<TITLE>
企业网站的优势
</TITLE>
```
- **提示**：尽量将标题控制在 40 个字符以内，以便浏览器完整显示。
#### 2.3.11 `<BDO>`
- **类型**：容器
- **功能**：在 HTML 文档中混合使用不同语言时，有时需考虑语言阅读方向（从左到右或从右到左）。当文档中使用方向不同的语言时，采用双向算法确保内容正确显示。若要覆盖某段文本的双向算法，可将文本置于 `<BDO>` 和 `</BDO>` 标签之间。
- **语法**：
```html
<BDO DIR="LTR|RTL"> ... 有方向的文本在此 ... </BDO>
```
- **属性**：`<BDO>` 标签使用 `DIR` 属性，可设为 `LTR`（从左到右）或 `RTL`（从右到左）。
- **示例**：
```html
<BODY LANG="he" ...> <!-- 希伯来语上下文 - 从右到左方向 -->
... <BDO DIR="LTR">这是一些英语文本。</BDO> ...
...
</BODY>
```
#### 2.3.12 `<BODY>`
- **类型**：容器
- **功能**：包含构成文档主体的所有内容和标签。
- **语法**：
```html
<BODY BGCOLOR="background_color" BACKGROUND="background_image"
LINK="unvisited_link_color" ALINK="active_link_color"
VLINK="visited_link_color" TEXT="text_color">
... 文档主体在此 ...
</BODY>
```
- **属性**：`<BODY>` 标签的属性主要关注全局背景和颜色属性，每个颜色相关属性可设为 16 个保留颜色名称之一（如 `BLACK`、`WHITE`、`AQUA` 等）或 RGB 十六进制三元组。
- `ALINK`：设置活动链接颜色（用户点击链接瞬间）。
- `BACKGROUND`：设置文档背景图像的 URL，图像不够大时会水平和垂直平铺。
- `BGCOLOR`：设置文档背景颜色。
- `LINK`：设置未访问链接颜色。
- `TEXT`：设置文档主体文本颜色。
- `VLINK`：设置已访问链接颜色。
- **注意**：上述属性已被弃用，建议使用样式表特性指定相同信息。
- **示例**：
```html
<BODY BGCOLOR="white" TEXT="#FF0088" LINK="#DD0F00" VLINK="#00FF9A">
... 所有文档主体内容和 HTML 代码在此 ...
</BODY>
```
- **相关标签**：`<BODY>` 标签内可放置众多标签，除部分框架相关标签外，本指南其余标签均可使用。
综合上述内容，可得到通用 HTML 文档模板：
```html
<HTML>
<HEAD>
<TITLE>文档模板</TITLE>
... <META>、<BASE>、<LINK>、<SCRIPT>、<STYLE>、<ISINDEX> 标签 ...
</HEAD>
<BODY>
... 文档主体内容和标签 ...
</BODY>
</HTML>
```
创建新文档时，可使用此代码作为起点，再按需填充标签和其他信息。
### 2.4 格式化标签
HTML 提供大量标签用于改变文本在浏览器屏幕上的显示方式，可在文档的文本级别和段落或块级别应用格式化指令。
#### 2.4.1 文本级格式化
文本级格式化有两种方式：改变文本字体属性（字体格式化或物理样式），或描述文本在文档上下文中的用途（短语格式化或逻辑样式）。
##### 2.4.1.1 字体格式化
|标签|类型|功能|语法|属性|示例|相关标签|
| ---- | ---- | ---- | ---- | ---- | ---- | ---- |
|`<B>`|容器|包含要以粗体显示的文本|`<B> ... 粗体文本在此 ... </B>`|无|`<B>名字:</B> <INPUT TYPE="TEXT" NAME="fname">`|无|
|`<BASEFONT>`|独立|设置主体文本字体的基本大小、颜色和字体属性|`<BASEFONT SIZE="size" COLOR="color" FACE="list_of_typefaces">`|`COLOR`：设置字体颜色；`FACE`：设置字体列表；`SIZE`：设置字体大小（1 - 7）|`<BASEFONT SIZE=5 COLOR="navy" FACE="Arial,Helvetica,Times">`|`<FONT>`|
|`<BIG>`|容器|包含要以比默认字体大的字体显示的文本|`<BIG> ... 大字体文本在此 ... </BIG>`|无|`<BIG>D</BIG>rop <BIG>C</BIG>aps 是不错的屏幕效果。`|`<SMALL>`|
|`<FONT>`|容器|包含要修改字体属性的文本|`<FONT SIZE="size" COLOR="color" FACE="list of typefaces"> ... 字体属性修改后的文本 ... </FONT>`|与 `<BASEFONT>` 标签属性相同|`<FONT SIZE=+1 COLOR="red">警告！警告！</FONT> 危险，威尔·罗宾逊！`|`<BASEFONT>`|
|`<I>`|容器|包含要以斜体显示的文本|`<I> ... 斜体文本在此 ... </I>`|无|`我刚买了披头士乐队的 <I>Abbey Road</I> CD。`|无|
|`<S>`、`<STRIKE>`|容器|包含要加删除线的文本|`<S> ... 删除线文本在此 ... </S>` 或 `<STRIKE> ... 删除线文本在此 ... </STRIKE>`|无|`从记录中删除的内容将如下表示：<S>已删除内容</S>。`|无|
|`<SMALL>`|容器|包含要以比默认字体小的字体显示的文本|`<SMALL> ... 小字体文本在此 ... </SMALL>`|无|`<SMALL>"嘘！"</SMALL>，他小声说。`|`<BIG>`|
|`<SUB>`|容器|包含要作为前一个文本下标显示的文本|`<SUB> ... 下标文本在此 ... </SUB>`|无|`a<SUB>1</SUB>、a<SUB>2</SUB> 和 a<SUB>3</SUB> 是变量 x、y 和 z 的系数。`|无|
|`<SUP>`|容器|包含要作为前一个文本上标显示的文本|`<SUP> ... 上标文本在此 ... </SUP>`|无|`x<SUP>2</SUP> + y<SUP>2</SUP> = 1 定义了单位圆。`|无|
|`<TT>`|容器|包含要以等宽字体显示的文本|`<TT> ... 等宽字体文本在此 ... <TT>`|无|`计算机将显示 <TT>登录:</TT> 提示。`|无|
|`<U>`|容器|包含要加下划线的文本|`<U> ... 下划线文本在此 ... </U>`|无|`所有一年级医学生都购买 <U>Gray's Anatomy</U>。`|无|
##### 2.4.1.2 短语格式化
短语格式化标签标记的文本通常有特殊渲染，以区别于未标记文本。
|标签|类型|功能|语法|属性|示例|相关标签|
| ---- | ---- | ---- | ---- | ---- | ---- | ---- |
|`<ABBR>`|容器|包含缩写文本|`<ABBR> ... 缩写在此 ... </ABBR>`|无|`她从弗吉尼亚大学获得了博士学位 (<ABBR>PhD</ABBR>)。`|无|
|`<ACRONYM>`|容器|包含首字母缩写词文本|`<ACRONYM> ... 首字母缩写词在此 ... </ACRONYM>`|无|`实用提取和报告语言 <ACRONYM>(PERL)</ACRONYM> 是流行的 CGI 脚本语言。`|无|
|`<ADDRESS>`|容器|包含邮政或电子邮件地址|`<ADDRESS> ... 地址在此 ... </ADDRESS>`|无|`如有任何意见，请发送至 <ADDRESS>[email protected]</ADDRESS>。`|无|
|`<CITE>`|容器|包含引用段落的来源名称|`<CITE> ... 引用来源在此 ... </CITE>`|无|`根据 <CITE>HTML 4.0 推荐标准</CITE>，<FONT> 标签已被弃用。`|无|
|`<CODE>`|容器|包含计算机语言代码块|`<CODE> ... 代码片段在此 ... </CODE>`|无|`<CODE>document.location.href = 'index.html'; return TRUE;</CODE>`|无|
|`<DEL>`|容器|包含从文档中删除的文本|`<DEL CITE="url" DATETIME="YYYYMMDDThh:mm:ss"> ... 删除的文本在此 ... </DEL>`|`CITE`：提供解释删除原因的文档 URL；`DATETIME`：为删除操作添加时间戳|`她刚得到了一个大 <DEL>、巨大的</DEL> 加薪。`|`<INS>`|
|`<DFN>`|容器|表示术语的定义实例|`<DFN> ... 引入的术语在此 ... </DFN>`|无|`弗洛伊德提出了 <DFN>宣泄</DFN> 的概念 - 释放心理紧张。`|无|
|`<EM>`|容器|包含要强调的文本|`<EM> ... 强调的文本在此 ... </EM>`|无|`请 <EM>不要</EM> 打扰狗狗。`|无|
|`<INS>`|容器|包含在文档初稿后插入的文本|`<INS> ... 插入的文本在此 ... </INS>`|与 `<DEL>` 标签属性相同|`新大陆是由 <DEL>麦哲伦</DEL> <INS>哥伦布</INS> 在 1492 年发现的。`|`<DEL>`|
|`<KBD>`|容器|包含表示键盘输入的文本|`<KBD> ... 键盘输入在此 ... </KBD>`|无|`开始时，输入 <KBD>go</KBD> 并按回车键。`|无|
|`<Q>`|容器|包含要内联显示的直接引用|`<Q CITE="URL_of_cited_document"> ... 引用在此 ... </Q>`|`CITE`：引用在线来源时，设置来源的 URL；可考虑使用 `LANG` 属性|无|`<BLOCKQUOTE>`|
|`<SAMP>`|容器|包含表示程序实际输出的文本|`<SAMP> ... 程序输出在此 ... </SAMP>`|无|`编程课程中常见的第一个练习是编写一个程序，输出消息 <SAMP>Hello World</SAMP>。`|无|
|`<STRONG>`|容器|包含要强烈强调的文本|`<STRONG> ... 强烈强调的文本在此 ... </STRONG>`|无|`<STRONG>停止！</STRONG> 不要再继续。联系系统管理员。`|无|
|`<VAR>`|容器|表示计算机程序中的变量|`<VAR> ... 程序变量在此 ... </VAR>`|无|`<VAR>RecordCount</VAR> 变量设置为查询检索到的记录数。`|无|
#### 2.4.2 块级格式化标签
块级格式化标签通常应用于比文本级格式化标签更大的内容，用于定义文档的主要部分，如段落、标题、摘要、章节等。
|标签|类型|功能|语法|属性|示例|相关标签|
| ---- | ---- | ---- | ---- | ---- | ---- | ---- |
|`<BLOCKQUOTE>`|容器|包含要从常规正文文本缩进显示的引用文本|`<BLOCKQUOTE CITE="URL_of_cited_document"> ... 引用文本在此 ... </BLOCKQUOTE>`|`CITE`：引用在线来源时，设置来源的 URL|`Schoolhouse Rock 的粉丝总能背诵美国宪法的序言：<BLOCKQUOTE>我们，人民，为了建立一个更完美的联盟 ... </BLOCKQUOTE>`|`<Q>`|
|`<BR>`|独立|在文档中插入换行符|`<BR CLEAR="LEFT|RIGHT|ALL">`|`CLEAR`：指定在浮动页面元素（如图像）后换行时，换行到哪个边距|`名字: <INPUT TYPE="TEXT" NAME="fname"><BR> 姓氏: <INPUT TYPE="TEXT" NAME="lname"><BR> 电话: <INPUT TYPE="TEXT" NAME="phone"><BR> 邮箱: <INPUT TYPE="TEXT" NAME="email">`|无|
|`<CENTER>`|容器|将包含的所有文本和其他页面组件居中显示|`<CENTER> ... 居中的页面组件在此 ... </CENTER>`|无|`<CENTER><I>仲夏夜之梦</I><BR> 作者：威廉·莎士比亚</CENTER>`|`<DIV ALIGN="CENTER">`|
|`<DIV>`|容器|定义需要特殊对齐方式的文档部分或分区|`<DIV ALIGN="LEFT|RIGHT|CENTER|JUSTIFY"> ... </DIV>`|`ALIGN`：控制 `<DIV>` 和 `</DIV>` 标签之间文本的对齐方式|`<DIV ALIGN="RIGHT">此部分所有内容右对齐。很难阅读，不是吗？ ... </DIV>`|无|
|`<HR>`|独立|在页面上放置水平线|`<HR ALIGN="alignment" NOSHADE SIZE="thickness" WIDTH="pixels_or_percentage_of_screen">`|`ALIGN`：设置水平线在页面上的对齐方式；`NOSHADE`：去除阴影效果，显示实线；`SIZE`：设置线的厚度；`WIDTH`：设置线的宽度（像素或屏幕宽度百分比）|`<HR NOSHADE WIDTH=80% SIZE=4> <DIV ALIGN="CENTER">返回主页</DIV> <HR NOSHADE WIDTH=80% SIZE=4>`|无|
|`<H1>–<H6>`|容器|建立文档标题级别的层次结构，级别 1 字体最大，级别增加字体减小|`<Hn ALIGN="LEFT|RIGHT|CENTER|JUSTIFY"> ... 第 n 级标题 ... </Hn>`（n = 1, 2, 3, 4, 5, 6）|`ALIGN`：控制标题在页面上的对齐方式|`<H1 ALIGN="CENTER">目录</H1> <H2>第 1 章 - 引言</H2> ... <H2>第 2 章 - 先前研究</H2> ...`|无|
|`<P>`|容器|表示段落|`<P ALIGN="LEFT|RIGHT|CENTER|JUSTIFY"> 段落文本 </P>`|`ALIGN`：控制段落中文本的对齐方式|`<P ALIGN="CENTER"><H1>欢迎！</H1></P>`|无|
|`<PRE>`|容器|表示要按预格式化处理的文本|`<PRE WIDTH="width_of_widest_line"> ... 预格式化文本在此 ... </PRE>`|`WIDTH`：设置预格式化文本块中最宽行的字符数|`<PRE WIDTH=34> 目录编号 商品 价格 AZ-1390 马球衫 $29.99 FT-0081 毛衣 $52.99 CL-9334 腰带 $16.99 </PRE>`|无|
|`<SPAN>`|容器|用于定义文档块的通用容器标签，常用于应用样式信息|`<SPAN STYLE="style information" ALIGN="LEFT|RIGHT|CENTER|JUSTIFY"> 要应用样式的文本范围 </SPAN>`|`STYLE`：设置样式信息；`ALIGN`：控制对齐方式|`<SPAN STYLE="font-weight: bold; color: red; text-indent: 0.25 in"> 这里是一些加粗、红色、缩进四分之一英寸的文本。 </SPAN>`|无|
### 2.5 列表标签
HTML 4.0 支持五种类型的列表，其中两种的标签已被弃用。大多数 HTML 列表使用列表项标签 `<LI>`。
#### 2.5.1 `<LI>`
- **类型**：容器
- **功能**：表示列表中的一项。
- **语法**：
```html
<LI TYPE="list_type" START="start_value"> ... 列表项在此 ... </LI>
```
- **属性**：
- `COMPACT`：指示浏览器以最小空间渲染列表项。
- `START`：（仅适用于有序列表）更改编号序列的起始值。
- `TYPE`：（适用于有序和无序列表）修改有序列表的编号方案或无序列表的项目符号字符。
- `VALUE`：设置列表项的编号值。
- **示例**：
```html
<LI>曲奇面团</LI>
<LI> Rocky Road</LI>
<LI>薄荷巧克力碎片</LI>
```
- **相关标签**：`<LI>` 标签通常与 `<DIR>`、`<MENU>`、`<OL>` 和 `<UL>` 标签一起使用。
#### 2.5.2 `<DIR>`（已弃用）
- **类型**：容器
- **功能**：创建目录列表，列表项通常为项目符号且较短。
- **语法**：
```html
<DIR COMPACT>
<LI>列表项 1</LI>
<LI>列表项 2</LI>
...
</DIR>
```
- **属性**：`COMPACT`：减少列表项之间的间距。
- **示例**：
```html
<DIR>
<LI>玛丽·加里森，x521</LI>
<LI>汤姆·欣克尔，x629</LI>
<LI>帕特·约瑟夫，x772</LI>
</DIR>
```
- **相关标签**：列表项使用 `<LI>` 标签指定。
#### 2.5.3 `<DL>`
- **类型**：容器
- **功能**：表示定义列表。
- **语法**：
```html
<DL COMPACT>
... 术语和定义在此 ...
</DL>
```
- **属性**：`COMPACT`：可选，将列表压缩到最小垂直空间。
- **示例**：
```html
<DL>
<DT>浏览器</DT>
<DD>允许用户查看万维网页面的程序</DD>
<DT>服务器</DT>
<DD>处理网页请求的程序</DD>
</DL>
```
- **相关标签**：术语使用 `<DT>` 标签指定，定义使用 `<DD>` 标签指定。
#### 2.5.4 `<DT>`
- **类型**：容器
- **功能**：包含定义列表中要定义的术语。
- **语法**：
```html
<DT> ... 要定义的术语在此 ... </DT>
```
- **属性**：无
- **示例**：
```html
<DL>
<DT>肌酸</DT>
<DD>促进肌肉发育的营养补充剂</DD>
...
</DL>
```
- **相关标签**：`<DT>` 标签仅在定义列表上下文中使用，`<DD>` 标签用于给出术语的定义。
#### 2.5.5 `<DD>`
- **类型**：容器
- **功能**：包含术语的定义，通常缩进显示。
- **语法**：
```html
<DD> ... 术语定义在此 ... </DD>
```
- **属性**：无
- **示例**：
```html
<DL>
<DT>HTML</DT>
<DD>用于编写网页的文档描述语言</DD>
...
</DL>
```
- **相关标签**：`<DD>` 标签应包含在 `<DL>` 和 `</DL>` 标签之间，每个定义前应有 `<DT>` 标签指定的术语。
#### 2.5.6 `<MENU>`（已弃用）
- **类型**：容器
- **功能**：创建菜单列表，列表项通常较短。
- **语法**：
```html
<MENU COMPACT>
<LI>菜单列表项 1</LI>
<LI>菜单列表项 2</LI>
...
</MENU>
```
- **属性**：`COMPACT`：减少列表项之间的垂直间距。
- **示例**：
```html
<MENU COMPACT>
<LI>输入采购订单</LI>
<LI>工资单功能</LI>
<LI>生成发票</LI>
</MENU>
```
- **相关标签**：列表项使用 `<LI>` 标签指定。
#### 2.5.7 `<OL>`
- **类型**：容器
- **功能**：创建有序（编号）列表。
- **语法**：
```html
<OL TYPE="1|A|a|I|i" START="start_value" COMPACT>
<LI>列表项 1</LI>
<LI>列表项 2</LI>
...
</OL>
```
- **属性**：
- `COMPACT`：减少列表项之间的垂直间距。
- `START`：更改编号方案的起始位置。
- `TYPE`：控制列表渲染时的编号方案。
- **示例**：
```html
书籍大纲
<OL TYPE="A">
<LI>HTML</LI>
<LI>XML</LI>
<LI>动态 HTML</LI>
<LI>Java</LI>
<LI>JavaScript</LI>
</OL>
```
- **相关标签**：列表项使用 `<LI>` 标签指定。
#### 2.5.8 `<UL>`
- **类型**：容器
- **功能**：创建无序（项目符号）列表。
- **语法**：
```html
<UL TYPE="DISC|SQUARE|CIRCLE" COMPACT>
<LI>列表项 1</LI>
<LI>列表项 2</LI>
...
</UL>
```
- **属性**：
- `COMPACT`：减少列表项之间的垂直间距。
- `TYPE`：指定渲染列表时使用的项目符号字符。
- **示例**：
```html
网页浏览器
<UL TYPE="SQUARE">
<LI>Netscape Navigator</LI>
<LI>Microsoft Internet Explorer</LI>
<LI>NCSA Mosaic</LI>
</UL>
```
- **相关标签**：列表项使用 `<LI>` 标签指定。
### 2.6 超链接标签
超链接使 Web 资源之间的链接成为可能，`<A>` 标签用于创建超链接或命名锚点。
#### 2.6.1 `<A>`
- **类型**：容器
- **功能**：根据使用的属性不同，可创建超链接或命名锚点。
- **语法**：
```html
<!-- 创建超链接 -->
<A HREF="URL_of_linked_document" TARGET="frame_name"
REL="forward_link_type" REV="reverse_link_type"
ACCESSKEY="key_letter" TABINDEX="tab_order_position">
... 超链接元素在此 ...
</A>
或
<!-- 创建命名锚点 -->
<A NAME="anchor_name">
... 作为命名锚点的文本在此 ...
</A>
```
- **属性**：
- `ACCESSKEY`：定义激活超链接的快捷键。
- `CHARSET`：指定链接文档使用的字符编码。
- `HREF`：指定超链接指向的 Web 资源的 URL。
- `HREFLANG`：指定链接资源的语言上下文。
- `NAME`：指定要设置的锚点名称。
- `REL`：描述前向链接的性质。
- `REV`：描述反向链接的性质。
- `TABINDEX`：指定链接在文档制表顺序中的位置。
- `TARGET`：指定加载链接文档的框架。
- `TYPE`：指定链接资源的 MIME 类型。
- **示例**：
```html
您可以了解更多关于我们的
<A HREF="prodserv.html TARGET="main" ACCESSKEY="P">
产品和服务</A>。
```
```html
...
<A NAME="toc">
<H1>目录</H1>
</A>
...
<A HREF="index.html#toc">返回目录</A>
```
### 2.7 图像和图像映射标签
图像为网页增添了视觉吸引力，`<IMG>` 标签用于在页面上放置图像，HTML 4.0 还支持图像映射。
#### 2.7.1 `<IMG>`
- **类型**：独立
- **功能**：在文档中放置内联图像。
- **语法**：
```html
<IMG SRC="URL_of_image_file"
WIDTH="width_in_pixels" HEIGHT="height_in_pixels"
ALT="text_description" BORDER="thickness_in_pixels"
ALIGN="TOP|MIDDLE|BOTTOM|LEFT|RIGHT"
HSPACE="horizontal_spacing_in_pixels"
VSAPCE="vertical_spacing_in_pixels"
LONGDESC="URL_of_long_description"
ISMAP USEMAP="map_name">
```
- **属性**：
- `SRC`：指定包含图像的文件的 URL。
- `WIDTH` 和 `HEIGHT`：指定图像的宽度和高度（像素）。
- `ALT`：提供图像内容的文本描述。
- `BORDER`：控制图像周围的边框厚度。
- `ALIGN`：控制文本围绕图像的流动方式。
- `HSPACE` 和 `VSPACE`：控制图像周围的空白空间。
- `LONGDESC`：指向包含图像内容详细描述的资源。
- `ISMAP`：将图像标识为服务器端图像映射的一部分。
- `USEMAP`：指定要与图像一起使用的客户端图像映射的名称。
- **示例**：
```html
<IMG SRC="/images/logo.gif" WIDTH=600 HEIGHT=120
ALT="欢迎来到 XYZ 公司" USEMAP="#main"
VSPACE=10>
```
#### 2.7.2 图像映射
图像映射分为服务器端和客户端两种类型。服务器端图像映射将点击坐标发送到服务器处理，客户端图像映射由浏览器处理点击坐标。HTML 4.0 支持 `<MAP>` 和 `<AREA>` 标签用于存储图像映射数据。
##### 2.7.2.1 `<MAP>`
- **类型**：容器
- **功能**：包含定义图像映射可点击区域（热点区域）的 HTML 标签。
- **语法**：
```html
<MAP NAME="map_name">
... 热点区域定义在此 ...
</MAP>
```
- **属性**：`NAME`：为映射信息提供唯一名称，以便在 `<IMG>` 标签中使用 `USEMAP` 属性引用。
- **示例**：
```html
<MAP NAME="navigation">
<AREA SHAPE="RECT" COORDS="23,47,58,68" HREF="search.html">
<AREA SHAPE="CIRCLE" COORDS="120,246,150,246" HREF="about.html">
...
</MAP>
```
- **相关标签**：`<AREA>` 标签用于定义图像映射中的单个热点区域，命名映射通过 `<IMG>` 标签的 `USEMAP` 属性引用。
##### 2.7.2.2 `<AREA>`
- **类型**：独立
- **功能**：定义客户端图像映射中的热点区域。
- **语法**：
```html
<AREA SHAPE="RECT|CIRCLE|POLY|DEFAULT" COORDS="coordinate_list"
HREF="URL_of_linked_document" TARGET="frame_name"
ALT="text_alternative" TABINDEX="tab_order_position" NOHREF
ACCESSKEY="key_letter">
```
- **属性**：
- `ACCESSKEY`：定义激活热点区域的快捷键。
- `ALT`：提供热点区域的文本替代。
- `COORDS`：指定定义热点区域的坐标。
- `HREF`：指定与热点区域关联的文档的 URL。
- `NOHREF`：禁用热点区域。
- `SHAPE`：指定热点区域的形状。
- `TABINDEX`：定义热点区域在页面制表顺序中的位置。
- `TARGET`：指定加载链接文档的框架。
- **示例**：
```html
<MAP NAME="main">
<AREA SHAPE="POLY" COORDS="35,80,168,99,92,145" HREF="profile.html">
<AREA SHAPE="CIRCLE" COORDS="288,306,288,334" HREF="feedback.html">
<AREA SHAPE="DEFAULT" HREF="index.html">
</MAP>
```
- **相关标签**：`<AREA>` 标签只能放在 `<MAP>` 和 `</MAP>` 标签之间。
### 2.7 表格标签
HTML 表格标签不仅是呈现信息的好方法，也是有用的布局工具。HTML 4.0 在多个重要方面扩展了表格标签。
#### 2.7.1 `<TABLE>`
- **类型**：容器
- **功能**：包含构成表格的所有 HTML 标签。
- **语法**：
```html
<TABLE ALIGN="LEFT|CENTER|RIGHT" BORDER="thickness_in_pixels"
BGCOLOR="color" WIDTH="pixels_or_percentage_of_browser_width"
COLS="number_of_columns" CELLPADDING="pixels" CELLSPACING="pixels"
FRAME="outer_border_rendering" RULES="inner_border_rendering"
SUMMARY="description_of_table_contents_and_structure">
...
</TABLE>
```
- **属性**：
- `ALIGN`：控制表格在页面上的对齐方式。
- `BORDER`：指定表格边框的厚度。
- `BGCOLOR`：设置表格单元格的背景颜色。
- `CELLPADDING`：控制单元格内容与单元格边缘之间的空白空间。
- `CELLSPACING`：指定单元格之间的空白像素数。
- `COLS`：指定表格的列数。
- `FRAME`：控制表格外边框的渲染部分。
- `RULES`：控制表格内边框的显示部分。
- `SUMMARY`：提供表格内容和结构的概要。
- `WIDTH`：指定表格的宽度（像素或浏览器屏幕宽度的百分比）。
- **示例**：
```html
<TABLE BORDER=2 CELLPADDING=4 FRAME=BORDER RULES=ALL ALIGN=CENTER>
...
</TABLE>
```
- **相关标签**：`<TABLE>` 和 `</TABLE>` 标签构成其他表格相关标签的容器，可在其中使用 `<CAPTION>`、`<THEAD>`、`<TFOOT>`、`<TBODY>`、`<COLGROUP>`、`<COL>`、`<TR>`、`<TH>` 和 `<TD>` 标签。
#### 2.7.2 `<CAPTION>`
- **类型**：容器
- **功能**：为表格指定标题。
- **语法**：
```html
<CAPTION ALIGN="TOP|BOTTOM|LEFT|RIGHT">
... 标题文本在此 ...
</CAPTION>
```
- **属性**：`ALIGN`：控制标题的放置位置。
- **示例**：
```html
<CAPTION ALIGN="BOTTOM">
表 1 - 投资回报率
</CAPTION>
```
#### 2.7.3 `<THEAD>`
- **类型**：容器
- **功能**：定义表格的表头部分，便于在表格跨多页时重复表头。
- **语法**：
```html
<THEAD ALIGN="LEFT|CENTER|RIGHT|JUSTIFY|CHAR"
VALIGN="TOP|MIDDLE|BOTTOM|BASELINE" CHAR="alignment_character"
CHAROFF="alignment_character_offset">
... 构成表头的行在此 ...
</THEAD>
```
- **属性**：
- `ALIGN`：控制表格表头单元格内的水平对齐方式。
- `CHAR`：指定使用 `ALIGN="CHAR"` 时的对齐字符。
- `CHAROFF`：规定对齐字符的偏移距离。
- `VALIGN`：控制表头单元格内的垂直对齐方式。
- **示例**：
```html
<THEAD ALIGN="CENTER" VALIGN="BASELINE">
<TR>
<TH>ID #</TH>
<TH>属性</TH>
<TH>税务评估</TH>
...
</TR>
</THEAD>
```
- **相关标签**：表格表头的行使用 `<TR>`、`<TH>` 和 `<TD>` 标签构建，每个表格表头至少包含一行。
#### 2.7.4 `<TFOOT>`
- **类型**：容器
- **功能**：定义表格的页脚部分。
- **语法**：
```html
<TFOOT ALIGN="LEFT|CENTER|RIGHT|JUSTIFY|CHAR"
VALIGN="TOP|MIDDLE|BOTTOM|BASELINE" CHAR="alignment_character"
CHAROFF="alignment_character_offset">
...
</TFOOT>
```
- **属性**：与 `<THEAD>` 标签的 `ALIGN` 和 `VALIGN` 属性相同。
- **示例**：
```html
<TFOOT ALIGN="JUSTIFY" VALIGN="TOP">
<TR>
<TD>© 1998 - Macmillan Computer Publishing USA</TD>
...
</TR>
</TFOOT>
```
- **相关标签**：使用 `<TR>`、`<TH>` 和 `<TD>` 标签指定表格页脚的行和单元格，表格页脚至少包含一行。
#### 2.7.5 `<TBODY>`
- **类型**：容器
- **功能**：定义表格的主体部分。
- **语法**：
```html
<TBODY ALIGN="LEFT|CENTER|RIGHT|JUSTIFY|CHAR"
VALIGN="TOP|MIDDLE|BOTTOM|BASELINE" CHAR="alignment_character"
CHAROFF="alignment_character_offset">
...
</TBODY>
```
- **属性**：与 `<
### 2.8 表单标签
HTML 表单是用户与网页进行交互的重要途径，它能够收集用户输入的数据，并将这些数据发送到服务器进行处理。以下是构成表单的主要标签及其详细信息。
#### 2.8.1 `<FORM>`
- **类型**：容器
- **功能**：包含构成 HTML 表单的文本和标签。
- **语法**：
```html
<FORM ACTION="URL_of_processing_script" METHOD="GET|POST"
TARGET="frame_name" ENCTYPE="MIME_type_of_file_to_upload"
ACCEPT-CHARSET="acceptable_character_sets"
ACCEPT="acceptable_MIME_types">
...
</FORM>
```
- **属性**：
- `ACCEPT`：指定服务器能够正确处理的可接受内容类型（MIME 类型）列表。
- `ACCEPT - CHARSET`：设置表单处理脚本能够处理的字符集列表。
- `ACTION`：指定处理表单数据的脚本或程序的 URL，这是 `<FORM>` 标签的必需属性。
- `ENCTYPE`：当表单数据提交包含文件上传时使用，设置预期的文件 MIME 类型。
- `METHOD`：指定用于将表单数据发送到服务器的 HTTP 方法，默认值为 `GET`，若设置为 `POST`，表单数据将通过单独的 HTTP 事务发送。
- `TARGET`：指定处理脚本或程序的响应所指向的特定框架。
- **示例**：
```html
<FORM ACTION="/shopping_cart.cfm" METHOD="POST" TARGET="response">
...
</FORM>
```
- **相关标签**：`<FORM>` 标签内可使用 `<INPUT>`、`<SELECT>`、`<OPTION>`、`<OPTGROUP>`、`<TEXTAREA>`、`<BUTTON>`、`<LABEL>`、`<FIELDSET>` 和 `<LEGEND>` 标签。
#### 2.8.2 `<INPUT>`
- **类型**：独立
- **功能**：可创建多种表单控件，如文本框、密码框、隐藏字段、复选框、单选按钮、文件上传字段、图像按钮、脚本按钮、提交和重置按钮。
- **语法**：
```html
<!-- 文本和密码字段 -->
<INPUT TYPE="TEXT|PASSWORD" NAME="field_name" VALUE="default_value"
SIZE="field_size" MAXLENGTH="maximum_input_length"
DISABLED READONLY>
or
<!-- 隐藏字段 -->
<INPUT TYPE="HIDDEN" NAME="field_name" VALUE="field_value">
or
<!-- 复选框 -->
<INPUT TYPE="CHECKBOX" NAME="field_name" VALUE="field_value"
CHECKED DISABLED>
or
<!-- 单选按钮 -->
<INPUT TYPE="RADIO" NAME="field_name" VALUE="field_value"
CHECKED DISABLED>
or
<!-- 文件上传 -->
<INPUT TYPE="FILE" NAME="field_name" VALUE="default_value"
ACCEPT="acceptable_MIME_types" DISABLED>
or
<!-- 图像按钮 -->
<INPUT TYPE="IMAGE" SRC="URL_of_image_file" ALT="text_description"
ALIGN="TOP|MIDDLE|BOTTOM|LEFT|RIGHT" USEMAP="map_name" DISABLED>
or
<!-- 脚本按钮 -->
<INPUT TYPE="BUTTON" VALUE="button_label" onclick="script_name"
DISABLED>
or
<!-- 提交/重置按钮 -->
<INPUT TYPE="SUBMIT|RESET" VALUE="button_label" DISABLED>
```
- **属性**：不同类型的输入框属性有所不同，具体如下：
|输入框类型|适用属性|说明|
| ---- | ---- | ---- |
|文本和密码字段（`TYPE="TEXT|PASSWORD"`）|`NAME`、`VALUE`、`SIZE`、`MAXLENGTH`、`DISABLED`、`READONLY`|`NAME` 为输入字段提供唯一名称；`VALUE` 可预填充默认值；`SIZE` 设置输入框宽度；`MAXLENGTH` 限制输入长度；`DISABLED` 禁用字段；`READONLY` 使字段只读。|
|隐藏字段（`TYPE="HIDDEN"`）|`NAME`、`VALUE`|`NAME` 为字段命名，`VALUE` 为要传递给服务器的值。|
|复选框（`TYPE="CHECKBOX"`）|`NAME`、`VALUE`、`CHECKED`、`DISABLED`|`NAME` 为复选框组命名；`VALUE` 为选中时传递的值；`CHECKED` 使复选框预选中；`DISABLED` 禁用复选框。|
|单选按钮（`TYPE="RADIO"`）|`NAME`、`VALUE`、`CHECKED`、`DISABLED`|`NAME` 为单选按钮组命名；`VALUE` 为选中时传递的值；`CHECKED` 使单选按钮预选中；`DISABLED` 禁用单选按钮。|
|文件上传（`TYPE="FILE"`）|`NAME`、`VALUE`、`ACCEPT`、`DISABLED`|`NAME` 为字段命名；`VALUE` 为默认值；`ACCEPT` 指定可接受的 MIME 类型；`DISABLED` 禁用字段。|
|图像按钮（`TYPE="IMAGE"`）|`SRC`、`ALT`、`ALIGN`、`USEMAP`、`DISABLED`|`SRC` 指定图像文件的 URL；`ALT` 为图像提供文本替代；`ALIGN` 控制图像对齐；`USEMAP` 指定客户端图像映射名称；`DISABLED` 禁用按钮。|
|脚本按钮（`TYPE="BUTTON"`）|`VALUE`、`onclick`、`DISABLED`|`VALUE` 为按钮显示的文本；`onclick` 指定按钮点击时执行的脚本；`DISABLED` 禁用按钮。|
|提交/重置按钮（`TYPE="SUBMIT|RESET"`）|`VALUE`、`DISABLED`|`VALUE` 为按钮显示的文本；`DISABLED` 禁用按钮。|
- **示例**：
```html
<FORM ACTION="/cgi-bin/submit_it.pl">
Login Name: <INPUT TYPE="TEXT" NAME="login" SIZE=12>
Password: <INPUT TYPE="PASSWORD" NAME="passwd" SIZE=12>
<INPUT TYPE="HIDDEN" NAME="browser" VALUE="IE4">
Sex: <INPUT TYPE="RADIO" NAME="sex" VALUE="F">Female
<INPUT TYPE="RADIO" NAME="sex" VALUE="M">Male
<INPUT TYPE="BUTTON" VALUE="Check data" onclick="validate()">
<INPUT TYPE="SUBMIT" VALUE="Login">
<INPUT TYPE="RESET" VALUE="Clear">
</FORM>
```
#### 2.8.3 `<SELECT>`
- **类型**：容器
- **功能**：创建一个下拉列表或可滚动列表，用户可以从中选择一个或多个选项。
- **语法**：
```html
<SELECT NAME="field_name" SIZE="visible_rows" MULTIPLE DISABLED
ACCESSKEY="shortcut_key_letter" TABINDEX="tab_position">
...
</SELECT>
```
- **属性**：
- `ACCESSKEY`：定义用户为选择字段获取焦点的快捷键组合。
- `DISABLED`：禁用该字段。
- `MULTIPLE`：允许用户通过按住 Ctrl 键并点击来选择多个选项。
- `NAME`：为字段提供唯一名称，以便处理脚本识别。
- `SIZE`：设置屏幕上可见的选项数量。
- `TABINDEX`：定义选择字段在页面制表顺序中的位置。
- **示例**：
```html
<SELECT NAME="size" SIZE=4>
<OPTION>Small</OPTION>
<OPTION>Medium</OPTION>
<OPTION>Large</OPTION>
<OPTION>X - Large</OPTION>
...
</SELECT>
```
- **相关标签**：列表中的单个选项使用 `<OPTION>` 标签指定，还可使用 `<OPTGROUP>` 标签将选项分组。
#### 2.8.4 `<OPTION>`
- **类型**：容器
- **功能**：定义 `<SELECT>` 字段列表中的一个选项。
- **语法**：
```html
<OPTION VALUE="option_value" SELECTED DISABLED LABEL="label_text">
... option text ...
</OPTION>
```
- **属性**：
- `DISABLED`：使选项不可用。
- `LABEL`：为菜单项提供简短标签，若指定则使用该标签代替选项文本。
- `SELECTED`：预选中该选项。
- `VALUE`：指定选项被选中时传递给浏览器的值，若未指定则传递选项文本。
- **示例**：
```html
<SELECT NAME="state" SIZE=5>
<OPTION VALUE="AL">Alabama</OPTION>
<OPTION VALUE="NM" SELECTED>New Mexico</OPTION>
<OPTION VALUE="OK">Oklahoma</OPTION>
...
</SELECT>
```
- **相关标签**：`<OPTION>` 标签只能在 `<SELECT>` 和 `</SELECT>` 标签之间使用，可使用 `<OPTGROUP>` 标签将选项分组。
#### 2.8.5 `<OPTGROUP>`
- **类型**：容器
- **功能**：定义选择列表选项的逻辑组。
- **语法**：
```html
<OPTGROUP LABEL="label_text" DISABLED>
<OPTION> ... </OPTION>
<OPTION> ... </OPTION>
<OPTION> ... </OPTION>
...
</OPTGROUP>
```
- **属性**：
- `DISABLED`：禁用组中的选项。
- `LABEL`：为选项组指定标签。
- **示例**：
```html
<OPTGROUP LABEL="months">
<OPTION VALUE="Jan">January</OPTION>
<OPTION VALUE="Feb">February</OPTION>
<OPTION VALUE="Mar">March</OPTION>
...
</OPTION>
```
- **相关标签**：`<OPTGROUP>` 标签应在 `<SELECT>` 和 `</SELECT>` 标签内使用，组内只能使用 `<OPTION>` 标签。
#### 2.8.6 `<TEXTAREA>`
- **类型**：容器
- **功能**：创建一个多行文本输入窗口。
- **语法**：
```html
<TEXTAREA NAME="field_name" ROWS="number_of_rows"
COLS="number_of_columns" DISABLED READONLY
ACCESSKEY="shortcut_key_letter" TABINDEX="tab_position">
... default text to appear in window ...
</TEXTAREA>
```
- **属性**：
- `ACCESSKEY`：定义用户为文本输入窗口获取焦点的快捷键组合。
- `COLS`：设置文本窗口的列数。
- `DISABLED`：禁用文本窗口。
- `NAME`：为输入窗口分配唯一名称，以便处理程序识别。
- `READONLY`：使窗口保持活动状态，但用户无法更改显示的默认文本。
- `ROWS`：设置文本窗口的行数。
- `TABINDEX`：定义文本窗口在页面制表顺序中的位置。
- **示例**：
```html
<TEXTAREA NAME="feedback" ROWS=10 COLS=40>
We appreciate your comments! Please delete this
text and type in your feedback.
</TEXTAREA>
```
#### 2.8.7 `<BUTTON>`
- **类型**：容器
- **功能**：在表单上放置按钮，与 `<INPUT>` 渲染的按钮不同，具有更好的显示效果。
- **语法**：
```html
<BUTTON TYPE="SUBMIT|RESET|BUTTON" NAME="button_name"
VALUE="button_value"
DISABLED ACCESSKEY="shortcut_key_letter" TABINDEX="tab_position">
... text for button face or <IMG> tag ...
</BUTTON>
```
- **属性**：
- `ACCESSKEY`：定义用户点击按钮的快捷键组合。
- `DISABLED`：禁用按钮。
- `NAME`：为按钮提供唯一名称。
- `TABINDEX`：定义按钮在页面制表顺序中的位置。
- `TYPE`：设置按钮类型，可选 `SUBMIT`、`RESET` 或 `BUTTON`，`TYPE="BUTTON"` 通常用于定义脚本按钮。
- `VALUE`：指定按钮点击时传递给服务器的内容。
- **示例**：
```html
<BUTTON NAME="validate" VALUE="form_validation" onClick="validate();">
Click here to validate your input.
</BUTTON>
```
#### 2.8.8 `<LABEL>`
- **类型**：容器
- **功能**：表示表单字段的标签，方便非视觉用户获取输入提示。
- **语法**：
```html
<LABEL FOR="field_ID" ACCESSKEY="shortcut_key_letter">
... label text goes here ...
</LABEL>
```
- **属性**：
- `ACCESSKEY`：定义用户为标签获取焦点的快捷键组合。
- `FOR`：设置与标签关联的字段的 `ID` 属性值。
- **示例**：
```html
<LABEL FOR="PW" ACCESSKEY="P">Enter your password:</LABEL>
<INPUT TYPE="PASSWORD" ID="PW" NAME="passwd">
```
- **相关标签**：`<LABEL>` 通常与 `<INPUT>`、`<SELECT>` 或 `<TEXTAREA>` 标签一起使用。
#### 2.8.9 `<FIELDSET>`
- **类型**：容器
- **功能**：将相关的表单输入字段分组。
- **语法**：
```html
<FIELDSET>
... related input fields ...
</FIELDSET>
```
- **属性**：无
- **示例**：
```html
<FIELDSET>
Login: <INPUT TYPE="TEXT" NAME="login">
Password: <INPUT TYPE="PASSWORD" NAME="passwd">
</FIELDSET>
```
- **相关标签**：可使用 `<LEGEND>` 标签为字段组命名。
#### 2.8.10 `<LEGEND>`
- **类型**：容器
- **功能**：为一组相关的表单字段命名。
- **语法**：
```html
<LEGEND ALIGN="LEFT|RIGHT|TOP|BOTTOM" ACCESSKEY="shortcut_key_letter">
... legend text goes here ...
</LEGEND>
```
- **属性**：
- `ACCESSKEY`：定义用户为图例获取焦点的快捷键组合。
- `ALIGN`：控制图例文本相对于字段组的水平对齐方式，该属性已被弃用，建议使用样式表信息进行对齐。
- **示例**：
```html
<FIELDSET>
<LEGEND ALIGN="TOP">User Login Information</LEGEND>
Login: <INPUT TYPE="TEXT" NAME="login">
Password: <INPUT TYPE="PASSWORD" NAME="passwd">
</FIELDSET>
```
- **相关标签**：`<LEGEND>` 为 `<FIELDSET>` 标签分组的字段集命名。
### 2.9 框架标签
框架布局可以将浏览器窗口划分为多个区域，每个区域可以显示不同的 HTML 文档，方便同时展示多个文档内容。
#### 2.9.1 `<FRAMESET>`
- **类型**：容器
- **功能**：将浏览器窗口划分为多个框架。
- **语法**：
```html
<FRAMESET ROWS="list_of_row_sizes" COLS="list_of_column_sizes">
...
</FRAMESET>
```
- **属性**：`<FRAMESET>` 标签可使用 `ROWS` 或 `COLS` 属性，但不能同时使用。
- `ROWS`：指定浏览器屏幕如何划分为多行，值可以是像素、屏幕深度的百分比或相对于可用空间的大小。
- `COLS`：与 `ROWS` 类似，用于将屏幕划分为多列。
- **示例**：
```html
<!-- Divide the screen into four rows: 125 pixels, 30% of screen,
88 pixels, and whatever is left over. -->
<FRAMESET ROWS="125,30%,88,*">
...
</FRAMESET>
```
- **相关标签**：`<FRAMESET>` 仅用于划分屏幕区域，需要使用 `<FRAME>` 标签为每个框架填充内容，还可使用 `<NOFRAMES>` 标签为不支持框架的浏览器提供替代内容。
#### 2.9.2 `<FRAME>`
- **类型**：独立
- **功能**：将内容放置到框架中。
- **语法**：
```html
<FRAME SRC="URL_of_document" NAME="frame_name" FRAMEBORDER="0|1"
MARGINWIDTH="width_in_pixels" MARGINHEIGHT="height_in_pixels"
NORESIZE SCROLLING="YES|NO|AUTO" LONGDESC="URL_of_description">
```
- **属性**：
- `FRAMEBORDER`：设置框架边框，`1` 表示显示边框，`0` 表示隐藏边框。
- `LONGDESC`：指定包含框架内容详细描述的资源的 URL。
- `MARGINHEIGHT`：设置框架顶部边距的大小（像素）。
- `MARGINWIDTH`：设置框架左侧边距的大小（像素）。
- `NAME`：为框架提供唯一名称，以便其他标签（如 `<A>`、`<FORM>` 和 `<AREA>`）进行定位。
- `NORESIZE`：禁止用户拖动框架边框。
- `SCROLLING`：控制框架上滚动条的显示，可选 `YES`（始终显示）、`NO`（不显示）或 `AUTO`（自动判断）。
- `SRC`：指定要加载到框架中的 HTML 文件的 URL，这是 `<FRAME>` 标签的必需属性。
- **示例**：
```html
<FRAMESET COLS="25%,75%"> <!-- Make 2 columnar frames -->
<!-- Populate frame #1 -->
<FRAME SRC="leftframe.html" NORESIZE NAME="left" FRAMEBORDER=0>
<!-- Populate frame #2 -->
<FRAME SRC="rightframe.html" NORESIZE NAME="right" FRAMEBORDER=0>
...
</FRAMESET>
```
- **相关标签**：`<FRAME>` 标签只能在 `<FRAMESET>` 和 `</FRAMESET>` 标签之间使用。
#### 2.9.3 `<NOFRAMES>`
- **类型**：容器
- **功能**：为不支持框架的浏览器提供替代布局。
- **语法**：
```html
<NOFRAMES>
... non - frames content goes here ...
</NOFRAMES>
```
- **属性**：无
- **示例**：
```html
<FRAMESET COLS="25%,75%"> <!-- Make 2 columnar frames -->
<!-- Populate frame #1 -->
<FRAME SRC="leftframe.html" NORESIZE NAME="left" FRAMEBORDER=0>
<!-- Populate frame #2 -->
<FRAME SRC="rightframe.html" NORESIZE NAME="right" FRAMEBORDER=0>
<NOFRAMES>
Your browser cannot process frames. Please visit the
<A HREF="/noframes/index.html">non - frames version</A>
of our site.
</NOFRAMES>
</FRAMESET>
```
- **相关标签**：`<NOFRAMES>` 标签只能在 `<FRAMESET>` 和 `</FRAMESET>` 标签之间使用，且替代内容应在嵌套的 `<FRAMESET>` 标签之前指定。
#### 2.9.4 `<IFRAME>`
- **类型**：容器
- **功能**：在页面上放置浮动框架，类似于可以像图像一样放置的框架。
- **语法**：
```html
<IFRAME SRC="URL_of_document" NAME="frame_name" FRAMEBORDER="0|1"
WIDTH="frame_width_in_pixels_or_percentage"
HEIGHT="frame_height_in_pixels_or_percentage"
MARGINWIDTH="margin_width_in_pixels"
MARGINHEIGHT="margin_height_in_pixels"
SCROLLING="YES|NO|AUTO" ALIGN="TOP|MIDDLE|BOTTOM|LEFT|RIGHT"
LONGDESC="URL_of_description">
... text or image alternative to the floating frame ...
</IFRAME>
```
- **属性**：
- `ALIGN`：控制浮动框架的对齐方式，可选 `TOP`、`MIDDLE`、`BOTTOM`、`LEFT` 或 `RIGHT`。
- `FRAMEBORDER`：设置浮动框架的边框，`1` 表示显示，`0` 表示隐藏。
- `HEIGHT`：指定浮动框架的高度（像素或百分比）。
- `LONGDESC`：指向包含浮动框架内容详细信息的资源的 URL。
- `MARGINHEIGHT`：设置浮动框架顶部边距的大小（像素）。
- `MARGINWIDTH`：设置浮动框架左侧边距的大小（像素）。
- `NAME`：为浮动框架提供唯一名称，以便其他标签进行定位。
- `SCROLLING`：控制浮动框架上滚动条的显示，可选 `YES`、`NO` 或 `AUTO`。
- `SRC`：指定要加载到浮动框架中的 HTML 文件的 URL，这是必需属性。
- `WIDTH`：指定浮动框架的宽度（像素或百分比）。
- **示例**：
```html
<IFRAME SRC= "float_content.html " WIDTH= "50% " HEIGHT= "50% "
ALIGN="RIGHT"
SCROLLING= "NO " NAME= "floater " FRAMEBORDER=1>
Your browser does not support floating frames. :(
</IFRAME>
```
### 2.10 可执行内容标签
随着网页的发展，支持可执行内容（如 Java 小程序和 ActiveX 控件）使网页更加动态。HTML 4.0 提供了相关标签来实现这一功能。
#### 2.10.1 `<APPLET>`（已弃用）
- **类型**：容器
- **功能**：在页面上放置 Java 小程序，该标签已被更通用的 `<OBJECT>` 标签取代。
- **语法**：
```html
<APPLET WIDTH= "width_in_pixels " HEIGHT= "height_in_pixels "
CODEBASE= "base_URL_for_applet " CODE= "applet_class file "
OBJECT= "serialized_applet_file " NAME= "applet_name "
ARCHIVE= "archive_list " ALT= "text_alternative "
ALIGN= "TOP|MIDDLE|BOTTOM|LEFT|RIGHT "
HSPACE= "pixels " VSPACE= "pixels ">
...
</APPLET>
```
- **属性**：许多属性与 `<IMG>` 标签类似：
- `ALIGN`：控制相邻文本相对于小程序窗口的位置，可将窗口浮动在左右边缘。
- `ALT`：为小程序提供文本替代内容。
- `ARCHIVE`：设置逗号分隔的存档位置列表。
- `CODE`：指定类文件。
- `CODEBASE`：设置代码的 URL。
- `HEIGHT`：指定小程序窗口的高度（像素），这是必需属性。
- `HSPACE`：控制小程序窗口左右两侧的空白空间（像素）。
- `NAME`：为小程序提供唯一名称，以便其他 Java 小程序引用。
- `OBJECT`：指定序列化的小程序文件名称。
- `VSPACE`：控制小程序窗口上下两侧的空白空间（像素）。
- `WIDTH`：指定小程序窗口的宽度（像素），这是必需属性。
- **示例**：
```html
<APPLET WIDTH=250 HEIGHT=200 CODE= "marquee.class " NAME= "marquee "
ALT= "Scrolling text marquee applet " ALIGN= "RIGHT "
HSPACE=5 VSPACE=12>
<PARAM NAME= "message " VALUE= "Hello World! ">
...
</APPLET>
```
- **相关标签**：使用 `<PARAM>` 标签向 Java 小程序传递参数。
#### 2.10.2 `<PARAM>`
- **类型**：独立
- **功能**：向 Java 小程序（`<APPLET>`）或其他可执行对象（`<OBJECT>`）传递参数。
- **语法**：
```html
<PARAM ID= "unique_identifier " NAME= "parameter_name "
VALUE= "parameter_value " VALUETYPE= "DATA|REF|OBJECT "
TYPE= "expected_content_type ">
```
- **属性**：
- `ID`：为参数分配唯一的标识名称。
- `NAME`：指定参数的名称。
- `TYPE`：告知浏览器参数的 Internet 媒体（MIME）类型。
- `VALUE`：指定参数的值。
- `VALUETYPE`：提供关于传递的 `VALUE` 性质的更多细节，可选 `DATA`、`REF` 或 `OBJECT`。
- **示例**：
```html
<APPLET WIDTH=300 HEIGHT=224 CODE= "test.class ALT= "Test applet "
ALIGN= "TOP " NAME= "test " >
<PARAM ID= "P1 " NAME= "tolerance " VALUE= "0.001 " VALUETYPE= "DATA ">
<PARAM ID= "P2" NAME= "pi " VALUE= "3.14159 " VALUETYPE= "DATA ">
...
</APPLET>
```
- **相关标签**：`<PARAM>` 标签只能在 `<APPLET>` 和 `</APPLET>` 标签之间或 `<OBJECT>` 和 `</OBJECT>` 标签之间使用。
#### 2.10.3 `<OBJECT>`
- **类型**：容器
- **功能**：在页面上放置可执行对象。
- **语法**：
```html
<OBJECT CLASSID= "implementation_info " CODEBASE= "URL_of_object "
CODETYPE= "MIME_type " DATA= "URL_to_data " TYPE= "data_MIME_type "
ARCHIVE= "list_of_archives " USEMAP= "map_name " TABINDEX= "tab_position
"
STANDBY= "message_while_loading " DECLARE
ALIGN= "TEXTTOP|MIDDLE|TEXTMIDDLE|BASELINE|TEXTBOTTOM|LEFT|CENTER|RIGHT "
WIDTH= "width_in_pixels_or_percentage " NAME= "object_name "
HEIGHT= "height_in_pixels_or_percentage "
HSPACE= "pixels " VSPACE= "pixels " BORDER= "pixels ">
...
</OBJECT>
```
- **属性**：许多属性与 `<IMG>` 标签类似：
- `ALIGN`：控制对象区域相邻内容的对齐方式，该属性有更多可能的值。
- `WIDTH` 和 `HEIGHT`：指定对象区域的尺寸（像素或可用空间的百分比）。
- `BORDER`：设置边框的厚度（像素）。
- `HSPACE` 和 `VSPACE`：控制对象区域周围的空白空间。
- `ARCHIVE`：设置逗号分隔的存档位置列表。
- `CLASSID`：标识所使用对象的实现或版本。
- `CODEBASE`：设置对象的 URL。
- `CODETYPE`：描述代码的 MIME 类型。
- `DATA`：设置对象数据的 URL 列表。
- `DECLARE`：指示浏览器声明但不实例化对象的标志。
- `STANDBY`：在对象加载时显示消息给用户。
- `TYPE`：指定传递给对象的数据的 MIME 类型。
- `USEMAP`：如果使用图像映射，指向客户端地图数据。
- **示例**：
```html
<OBJECT WIDTH=100% HEIGHT=100 CODETYPE= "application/x-oleobject "
CLASSID= "CLSID: 1A4DA620-6217-11CF-BE62-0080C72EDD2D "
CODEBASE= "http://activex.microsoft.com/controls/iexplorer/marquee.ocx "
HSPACE=5 VSPACE=10 ALIGN=MIDDLE BORDER=0>
<PARAM NAME= "image " VALUE= "greeting.gif ">
<PARAM NAME= "speed " VALUE= "7 ">
<PARAM NAME= "repeat " VALUE= "1 ">
...
</OBJECT>
```
- **相关标签**：使用 `<PARAM>` 标签向对象传递参数。
综上所述，HTML 4.0 提供了丰富的标签和属性，用于创建各种类型的网页内容，包括文档结构、格式化文本、列表、超链接、图像、表格、表单、框架和可执行内容等。通过合理运用这些标签和属性，开发者可以构建出功能强大、布局合理且交互性良好的网页。在实际开发中，需要根据具体需求选择合适的标签和属性，并注意一些已被弃用的标签和属性，尽量采用更标准和推荐的方式进行开发。同时，结合现代的前端技术和框架，可以进一步提升网页的性能和用户体验。
400次
会员资源下载次数
300万+
优质博客文章
1000万+
优质下载资源
1000万+
优质文库回答
0
0
复制全文
相关推荐
最低0.47元/天 解锁专栏
赠100次下载
百万级
高质量VIP文章无限畅学
千万级
优质资源任意下载
千万级
优质文库回答免费看
立即解锁
专栏目录
最新推荐
【飞机缺陷检测模型压缩加速】：减小模型尺寸，加速推理过程
# 摘要
随着深度学习在飞机缺陷检测领域应用的增多，模型压缩和加速技术成为提升检测效率的关键。本文首先介绍了深度学习模型压缩的理论基础，包括其重要性和技术分类，随后探讨了模型加速技术实践，如深度学习框架的选择和模型剪枝、量化实践。通过应用案例分析，展示了模型压缩加速技术在实际飞机缺陷检测中的应用及其带来的性能改善。最后，
【多源数据整合王】：DayDreamInGIS_Geometry在不同GIS格式中的转换技巧，轻松转换
# 摘要
本论文详细介绍了DayDreamInGIS_Geometry这一GIS数据处理工具，阐述了其核心功能以及与GIS数据格式转换相关的理论基础。通过分析不同的GIS数据格式，并提供详尽的转换技巧和实践应用案例，本文旨在指导用户高效地进行数据格式转换，并解决转换过程中遇到的问题。文中还探讨了转换过程中的高级技巧、
【心电信号情绪识别在虚拟现实中的应用研究】：探索虚拟世界中的情绪分析
# 摘要
情绪识别技术与虚拟现实的结合为沉浸式体验带来了新的可能性。本文首先概述了情绪识别与虚拟现实的基本概念，接着深入探讨了心电信号（ECG）的理论基础，包括其产生原理、采集方法和数据处理技术。文中详细分析了心电信号情绪识别算法，并研究了机器学习和深度学习在情绪识别中的应用。此外，本文还探讨了心电信号情绪识别技术在虚拟现实中的实际应用，并通过具
【C#数据绑定高级教程】：深入ListView数据源绑定，解锁数据处理新技能
# 摘要
随着应用程序开发的复杂性增加，数据绑定技术在C#开发中扮演了关键角色，尤其在UI组件如ListView控件中。本文从基础到高级技巧，全面介绍了C#数据绑定的概念、原理及应用。首先概述了C#中数据绑定的基本概念和ListView控件的基础结构，然后深入探讨了数据源绑定的实战技巧，包括绑定简单和复杂数据源、数据源更新同步等。此外，文章还涉及了高级技巧，如数据模板自定义渲染、选中项
地震正演中的边界效应分析：科学设置边界条件的深度解析
# 摘要
地震正演模拟是研究地震波在地下介质中传播规律的一种重要方法，而边界效应是影响其精度的关键因素之一。本文系统分析了边界效应的理论基础，包括边界条件的数学描述及其物理意义，并探讨了边界效应的数值模拟方法。第二章详细讨论了不同边界条件类型对模拟精度的影响，以及如何进行科学设置和优化以提高模拟精度。第四章通过案例分析，比较了不同边界条件的应用效果，并展示了边界条件优化的实际应用情况。第五章讨论了边界效应在地震工程中的应用，并提供了针对性的工程解决方案。最后，第六章对未来研究方向与展望进行了深入的探讨，提出理论深化和技术创新的建议。本文为地震正演模拟提供了全面的边界效应分析框架，并为实际应用提
【OpenCvSharp入门指南】：5天掌握计算机视觉核心基础
# 摘要
本文系统地介绍了OpenCvSharp库在图像和视频处理领域的应用，包括基本的图像加载、显示、像素操作、几何变换，以及进阶的边缘检测、图像分割、特征检测和匹配、滤波和去噪技术。文章还探讨了视频处理技术，如视频读取、写入、运动检测与跟踪，以及人体姿态估计和行为分析。通
物联网技术：共享电动车连接与控制的未来趋势
# 摘要
本文综述了物联网技术在共享电动车领域的应用，探讨了核心的物联网连接技术、控制技术、安全机制、网络架构设计以及实践案例。文章首先介绍了物联网技术及其在共享电动车中的应用概况，接着深入分析了物联网通信协议的选择、安全机制、网络架构设计。第三章围绕共享电动车的控制技术，讨论了智能控制系统原理、远程控制技术以及自动调度与充电管理
手机Modem协议在网络环境下的表现：分析与优化之道
# 摘要
Modem协议在网络通信中扮演着至关重要的角色，它不仅定义了数据传输的基础结构，还涉及到信号调制、通信流程及错误检测与纠正机制。本文首先介
【仿真模型数字化转换】：从模拟到数字的精准与效率提升
# 摘要
本文全面介绍了仿真模型数字化转换的关键概念、理论基础、技术框架及其在实践中的应用流程。通过对数字化转换过程中的基本理论、关键技术、工具和平台的深入探讨，文章进一步阐述了在工程和科学研究领域中仿真模型的应用案例。此外，文中还提出了数字化转换过程中的性能优化策略，包括性能评估方法和优化策略与方法，并讨论了数字化转换面临的挑战、未来发展趋势和对行业的长远意义。本文旨在为专业人士提供一份关于仿真模型数
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
