HTML 标签手册

最后更新：2026-09-12

HTML 标签手册

按字母序排列的 116 个 HTML 元素及其简介。

! — 特殊标签
<!DOCTYPE>	声明文档类型，告诉浏览器使用 HTML5 标准解析页面
<!--...-->	定义 HTML 注释，浏览器不会显示注释内容
全局属性	可用于所有 HTML 元素的全局属性
全局事件	可用于所有 HTML 元素的事件属性
A
<a>	`<a>`（锚点）元素用于定义超链接。它是万维网的基本构建块，用于链接到其他页面、文件、电子邮件地址以及同一页面内的位置。.
<abbr>	表示缩写或首字母缩略词；建议配合 title 属性写出完整形式，便于用户和搜索引擎理解。.
<acronym>	用于标记首字母缩写词（如 NASA、HTML），可用 title 给出完整展开。HTML5 已废弃该标签，请改用 <abbr>。.
<address>	表示最近 article 或 body 的创作者/拥有者的联系信息，如姓名、邮箱、地址。.
<area>	在 <map> 内部定义图像映射中的一个可点击区域（矩形、圆形或多边形），每个 area 指定形状、坐标与跳转链接。.
<article>	表示一篇可独立分发或复用的内容，如新闻文章、博客帖子、评论、卡片。.
<aside>	表示与周围内容间接相关的内容，如侧边栏、注解、引文或广告。.
<audio>	用于在页面中嵌入音频播放器，常配合 source 提供多种格式以保证兼容。.
B
<b>	令文本以粗体显示，但不表示任何额外的重要性或强调，仅用于视觉上的突出（如关键词、产品名）。.
<base>	为页面所有相对 URL 指定默认的基准地址或默认打开方式，每个文档最多一个，且必须放在任何带 URL 的属性之前。.
<bdi>	双向隔离元素，将其中的文本当作独立片段处理方向（LTR/RTL），避免用户名、评论等混入周围文字的方向。.
<bdo>	双向覆盖元素，用 dir 属性强制指定其内部文字的书写方向（如把一段英文强制从右向左显示）。.
<blockquote>	表示一段独立成块的引用内容（区别于行内的 q），可附加来源说明。.
<body>	文档的主体，所有用户在页面上看到的内容（文字、图片、表单等）都放在这里。.
<br>	`<br>`（换行）元素在文本中插入一个换行符。它是一个空元素，用于诗歌、地址等需要手动换行的场景。不要用它来制造段落间距——那应该用 CSS 的 `margin`。.
<button>	`<button>`（按钮）元素创建一个可点击的按钮。相比 `<input type="button">`，`<button>` 更灵活，可以包含任意 HTML 内容（文字、图标、图片）。默认 `type` 为 `submit`。.
C
<canvas>	通过 JavaScript 在网页上绘制图形、动画、图表（2D 或 WebGL），本身只是一个空白画布，内容由脚本生成。.
<caption>	表格的标题，必须作为 table 的第一个子元素，默认显示在表格上方。.
<cite>	标记作品的标题，如书籍、文章、电影、歌曲的名称；浏览器默认以斜体显示。.
<code>	标记一段计算机代码片段，浏览器默认使用等宽字体显示。.
<col>	表格列定义，通常放在 colgroup 内，用于对整个列统一设置样式或 span 跨列。.
<colgroup>	表格列分组容器，可包裹多个 col 来批量定义列样式。.
D
<data>	将一段可见文本与一个机器可读的值关联，例如给商品名附带价格或编号。浏览器只显示可见文本，但脚本可读取 value 属性。.
<datalist>	为 input 提供一组预输入建议（下拉提示），用户仍可自由输入，需配合 input 的 list 属性。.
<dd>	描述列表中对应 dt 的“解释/值”内容。.
<del>	表示已从文档中删除的文本，浏览器默认显示为带删除线的内容。.
<details>	表示一个可展开/折叠的披露组件，点击 summary 即可显示或隐藏内容。.
<dfn>	标记一个术语的“定义实例”，通常是该术语在文档中第一次出现时使用。.
<dialog>	表示一个对话框或弹窗，可通过 JavaScript 的 showModal()/show() 打开。.
<div>	`<div>`（分区）元素是通用的块级容器，没有特定的语义含义。它常用于将内容分组、配合 CSS 布局（如 flex/grid）以及作为 JavaScript 操作的目标。.
<dl>	描述列表（术语-解释对），用于展示词汇表、元数据键值对等。.
<dt>	描述列表中代表“术语/名称”的一项，其后通常跟一个或多个 dd。.
E
<em>	标记需要强调的文本，浏览器默认以斜体显示。与 <i> 不同，<em> 带有“重音/强调”的语义。.
<embed>	嵌入外部资源（如插件内容、SVG、PDF）的空元素，是 object 的简化版，功能较旧、逐渐被 object/iframe 取代。.
F
<fieldset>	将表单内的相关控件分组，并可用 legend 显示分组标题，提升可读性与可访问性。.
<figcaption>	为 figure 元素提供标题或说明，必须是 figure 的第一个或最后一个子元素。.
<figure>	表示一段独立的内容流，通常搭配 figcaption，用于图片、图表、代码、示例等。.
<footer>	表示其最近章节或根元素的页脚，通常包含作者、版权、联系方式或相关链接。.
<form>	`<form>`（表单）元素是收集和提交用户数据的容器。它包裹各种表单控件（`<input>`、`<select>`、`<textarea>` 等），通过 `action` 指定提交地址、`method` 指定提交方式。.
<frame>	在 <frameset> 中定义一个独立的子窗口，加载并显示另一个页面。HTML5 已废弃 frame/frameset，现代开发应使用 <iframe>。.
<frameset>	将浏览器窗口划分为多个子窗口（frame），通过 rows/cols 指定行或列布局。HTML5 已废弃，推荐用 <iframe> 或现代 CSS 布局替代。.
H
<h1>	`<h1>` 是一级标题元素，是页面上最重要的标题。每个页面建议只有一个 `<h1>`，它通常与页面的主题或品牌名称对应，对 SEO 非常重要。.
<h2>	`<h2>` 是二级标题元素，用于定义页面的主要分区标题，通常从属于 `<h1>`。一个页面可以有多个 `<h2>`，用于组织内容的章节结构。.
<h3>	`<h3>` 是三级标题元素，用于 `<h2>` 之下的子章节标题，帮助组织更细粒度的内容结构。.
<h4>	`<h4>` 是四级标题元素，用于 `<h3>` 之下的层级标题，常见于文档的更深层组织结构。.
<h5>	`<h5>` 是五级标题元素，位于标题层级的较深层级，通常用于非常细的内容分区。.
<h6>	`<h6>` 是六级标题元素，也是标题层级中最深的一级，用于极细的内容分区。.
<head>	文档的头部，存放不会直接显示的元信息：标题、字符集、样式、脚本引用等。.
<header>	表示介绍性内容或导航区域，常用于页面顶部或章节开头（如站点标题、Logo、主导航）。.
<hgroup>	将一组标题（<h1>~<h6>）组合在一起，通常表示文章的“主标题 + 副标题”，便于把多个标题当作一个标题块处理。.
<hr>	`<hr>`（水平分隔线）元素表示主题之间的分隔，默认渲染为一条水平线。HTML5 中它表示"主题转折"，常用于段落之间的视觉分割。它是一个空元素。.
<html>	HTML 文档的根元素，所有其他元素都必须位于它内部；通常用 lang 属性声明页面语言。.
I
<i>	令文本以斜体显示，但不表示强调，通常用于外来语、术语、船名等需要视觉区分的内容。.
<iframe>	在当前页面内嵌入另一个网页或资源，形成“画中画”，常用于地图、视频、第三方组件。.
<img>	`<img>`（图像）元素用于在页面中嵌入图片。它是一个空元素（void），不需要结束标签。必须包含 `src` 和 `alt` 属性：`src` 指定图片地址，`alt` 提供替代文本（对可访问性和 SEO 很重要）。.
<input>	`<input>`（输入）元素是 HTML 中最常用的表单控件，用于创建各种类型的输入框。通过 `type` 属性可以切换文本框、密码框、复选框、单选钮、日期选择器等数十种形态。它是一个空元素，不需要结束标签。.
<ins>	表示后来插入到文档中的文本，浏览器默认显示为带下划线的内容。.
K
<kbd>	标记用户需要通过键盘输入的文本，常用于文档或快捷键说明。.
L
<label>	`<label>`（标签）元素为表单控件定义说明文字。通过 `for` 属性关联控件的 `id`，点击标签文字可以聚焦/触发对应的控件，对可访问性和触屏体验都很重要。.
<legend>	为 fieldset 提供可见的分组标题，必须作为 fieldset 的第一个子元素。.
<li>	`<li>`（列表项）元素表示 `<ul>` 或 `<ol>` 中的一项。在有序列表中，可以用 `value` 属性覆盖该项的编号。.
<link>	定义当前文档与外部资源的关系，最常见是引入 CSS 样式表，也可做图标、预加载等。.
M
<main>	表示文档或应用的主体内容，应唯一且与侧边栏、导航、页脚等重复内容无关。.
<map>	定义客户端图像映射，内部通过 <area> 划分多个可点击区域，再与 <img> 的 usemap 属性配合生效。.
<mark>	高亮显示文本，类似用荧光笔标记，默认带有黄色背景，常用于搜索结果中的关键词。.
<menu>	表示一组命令或菜单项列表，常用于工具栏或上下文菜单，内部可放 <li> 或 <button> 等交互元素。.
<meta>	描述文档的元数据，如字符编码、页面描述、作者、视口等，不显示在页面上，但对 SEO 与浏览器渲染至关重要。.
<meter>	显示已知数值在指定范围（min~max）内的度量结果，如磁盘用量、评分、温度计。不适合表示不固定范围的任务进度（那用 <progress>）。.
N
<nav>	表示页面中主要的导航链接集合，如主导航、面包屑、分页等。.
<noscript>	当浏览器禁用 JavaScript（或不支持）时显示其中的内容，常用于降级提示或备用信息。.
O
<object>	通用嵌入外部资源（PDF、图片、Flash、SVG 等）的容器，支持用 param 传参，也能包含降级内容。.
<ol>	`<ol>`（有序列表）元素定义带编号的列表，默认以数字渲染。可以通过 `type` 属性切换编号样式（数字/字母/罗马数字），`start` 设置起始值，`reversed` 倒序。.
<optgroup>	在 select 中将 option 按逻辑分组，显示为不可选的组标题。.
<option>	select、datalist、optgroup 中的单个可选项。.
<output>	表示计算或用户操作的结果，常配合表单与 JavaScript 实时显示输出值，可用 for 属性关联参与计算的输入控件。.
P
<p>	`<p>`（段落）元素用于定义文本段落，是 HTML 中最常用的内容容器之一。浏览器会在段落前后自动添加空白间距，段落之间默认使用垂直间距分隔。.
<param>	为 object 嵌入的插件传递参数（如自动播放、循环），必须作为 object 的子元素。.
<picture>	为 img 提供多个图像源，让浏览器根据屏幕宽度、分辨率等条件自动选择最合适的图片。.
<pre>	预格式文本，保留源代码中的空格与换行（等宽字体显示），适合展示代码、诗歌等需原样排版的文本。.
<progress>	显示任务的完成进度（如文件上传、加载），由 value/max 控制；若不写 value 则显示“不确定”的动画进度。.
Q
<q>	定义短的行内引用；浏览器会自动在内容两侧加上引号，无需手动输入。.
R
<rp>	为不支持 ruby 的浏览器提供括号包裹的备用文字（如给 rt 加左右括号），现代浏览器通常会忽略它。.
<rt>	ruby 注释中的“注音/读音”部分，紧跟在被注释文字之后。.
<ruby>	为东亚文字（如中文、日文）提供拼音、假名或注音等注释，注释由 rt 给出，可选 rp 包裹括号。.
S
<s>	为文本添加删除线，表示“不再准确或不再相关”的内容（如划掉的价格）。.
<samp>	标记程序或系统的示例输出内容，浏览器默认以等宽字体显示。.
<script>	在页面中嵌入或引用 JavaScript，实现交互逻辑；可放在 head 或 body，推荐放 body 末尾以加快渲染。.
<section>	表示文档中一个主题独立的章节，通常带有标题。适合对内容进行分组。.
<select>	下拉选择框，让用户从一组预设选项中选择一个或多个值，常与 form 表单一起提交。.
<slot>	在 Web Components 的影子 DOM 中定义“插槽”，标记可放置宿主内容的占位点；配合 name 可实现具名内容分发。.
<small>	将文本显示为更小的字号，常用于免责声明、版权信息、脚注等次要内容。.
<source>	为 audio、video 或 picture 提供媒体资源，可列出多个以适配不同浏览器或屏幕。.
<span>	`<span>` 元素是通用的行内容器，没有语义含义。它常用于对文本的一部分应用样式（如给某几个字着色）或作为 JavaScript 操作的目标，且不会导致换行。.
<strong>	定义重要或紧急的文本，浏览器默认以粗体显示。与 <b> 不同，<strong> 带有语义上的“重要性”。.
<style>	在文档内部直接书写 CSS 样式规则，无需外部文件；也可通过 media 限定生效条件。.
<sub>	定义下标文本，显示在正常基线下方，常用于化学公式（如 H₂O）和数学符号。.
<summary>	作为 details 的第一个子元素，是用户点击以展开/折叠的可见标题。.
<sup>	定义上标文本，显示在正常基线上方，常用于脚注引用（如 x²）和序数。.
T
<table>	`<table>`（表格）元素用于以表格形式展示数据。表格由行（`<tr>`）和单元格（`<td>`/`<th>`）组成，常配合 `<thead>`/`<tbody>`/`<caption>` 使用。.
<tbody>	表格的主体区域，包裹数据行（tr），一个表格可包含多个 tbody 进行分组。.
<td>	表格的普通数据单元格，存放行/列交叉处的具体内容。.
<template>	声明一段可复用的 HTML 模板，其内容不会被渲染、也不会执行其中的脚本，需由 JavaScript 克隆后插入页面。.
<textarea>	多行纯文本输入框，适合留言、评论、代码等长文本输入。.
<tfoot>	表格的表脚区域，包裹汇总行（tr），通常显示合计，应放在 tbody 之后（但渲染在表体下方）。.
<th>	表格的表头单元格，用于标识行/列含义，默认加粗居中且带可访问性语义。.
<thead>	表格的表头区域，包裹一组表头行（tr），在长表格跨页打印时每页重复显示。.
<time>	表示机器可读的日期或时间，帮助搜索引擎和脚本准确解析时间。.
<title>	定义文档的标题，显示在浏览器标签页和搜索引擎结果中；每个 HTML 文档应且只能有一个 title，且必须放在 head 内。.
<tr>	表格中的一行，内部由若干个 th（表头单元格）或 td（数据单元格）组成。.
<track>	为 audio 或 video 指定文本轨道，如字幕、标题或章节，通常引用 .
U
<u>	为文本添加下划线，但不表示强调；常用于标注拼写错误、专有名称等需要视觉区分的内容。.
<ul>	`<ul>`（无序列表）元素定义一组没有顺序的列表项，默认以圆点符号渲染。每个列表项用 `<li>` 表示。无序列表适合导航菜单、功能清单等无先后顺序的内容。.
V
<var>	标记数学表达式或编程中的变量名，浏览器默认以斜体等宽字体显示。.
<video>	用于在页面中嵌入视频播放器，支持控件、封面图与多种格式源。.
W
<wbr>	表示“可选的换行位置”：仅在当前行放不下时才在此处换行，不会强制换行，也不会插入空格或连字符。适合长单词、URL 或代码。.
#
<!doctype>	声明文档类型，告诉浏览器使用哪种 HTML 版本来解析页面。必须放在 HTML 文档的第一行，且每个文档只能有一个。现代网页使用 <!DOCTYPE html> 切换到标准模式（Standard Mode）。.

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。

关于我们

HTML 标签手册

HTML 标签手册

🙏 帮我们做得更好