HTML 标签速查表(2026 超详版)

HTML 标签表
页头
<!DOCTYPE> 声明文档类型,是 HTML 还是 XHTML
head 定义网页的元数据,包括标题、样式表、脚本等
title 定义网页的标题,显示在浏览器地址栏
meta 提供文档的元数据,比如字符编码、关键词、页面描述等
script 引用 JavaScript 代码
style 引用 CSS 代码
link 引用外部样式表
base 指定页面所有相对 URL 的基准 URL
正文
body 定义网页的主体内容,包括所有可见内容
h1~h6 定义标题,h1 为最高级标题,h6 为最低级标题
p 定义段落
hr 定义水平线
a 定义超链接
sup 定义上标文本
sub 定义下标文本
br 定义换行符
wbr 提供一个可选的换行机会,用于长单词或 URL 的断行
列表
ol 定义有序列表,列表项会默认显示序号
ul 定义无序列表,列表项通常显示为项目符号
menu 定义菜单列表,外观与无序列表相似
li 定义列表项,用于 ol 或 ul 中
dl 定义描述列表,用于包含术语及其描述
dt 定义描述列表中的术语(标题)
dd 定义描述列表中的描述(内容)
图片
img 定义图像
figure 用于包括图片及标题
figcaption 用于为 figure 的内容提供说明
map 定义图像映射,将图像的特定区域与超链接关联
area 用于在  map 中定义图像映射的可点击区域
表格
table 定义表格
tr 定义表格的 “一行”
th 定义表格的 “表头单元格”
td 定义表格的 “标准单元格”
caption 定义表格的 “标题”
thead 定义表格的 “表头部分”
tbody 定义表格的 “主体部分”
tfoot 定义表格的 “页脚部分”
colgroup 定义表格中一组列的样式
col 定义表格中单列的样式
表单
form 定义表单
input 定义创建各种类型的输入控件
textarea 定义多行文本框
button 定义按钮
select 定义下拉菜单
datalist 定义数据列表(或称 “选项列表”)
option 定义下拉菜单(select)或数据列表(datalist)中的单个选项
optgroup 用于对下拉菜单(select)选项进行分组,方便用户浏览
fieldset 用于对表单中的相关控件进行分组,通常与 legend 一起使用
legend 为 fieldset 分组提供标题或说明
output 用于显示计算结果、或表单处理的输出内容
label 用于为表单控件提供文本标签,提升可访问性和用户体验
search 用于创建搜索输入框,通常具有特定的语义和样式
媒体图形
canvas 用于绘制位图
svg 用于绘制矢量图形
video 用于嵌入和播放视频内容
audio 用于嵌入和播放音频内容
picture 用于根据设备特性(如屏幕尺寸、分辨率)提供多种图像资源
source 用于为 video、audio 或 picture 提供媒体资源的多格式支持
track 用于为 video 或 audio 添加字幕、描述或章节等文本轨道
结构语义
header 定义页面头部、文章头部(即 article)、区块头部(即 section)
nav 定义网页中的导航链接,比如顶部导航、侧栏导航、分页导航
main 定义网页的主体内容
article 定义独立的内容块,比如博客文章、新闻报道、论坛帖子等
aside 定义网页的侧边栏内容,通常包含与正文相关但并非核心内容的信息
section 定义网页中的内容区块
footer 定义页面底部或文章底部
hgroup 用于将一组标题(h1~h6)及其相关内容组合在一起
其他语义
strong 用于强调文本的重要性,以粗体显示
em 用于强调文本的语气,以斜体显示
mark 用于高亮文本
blockquote 用于引用长段外部内容,通常带有缩进
q 用于引用短句或短语,通常加上引号
cite 用于标记作品标题或引用来源
abbr 定义缩写词,并可提供完整解释
dfn 定义术语,标记术语的定义
del 表示文档中已删除的文本,通常带有删除线
ins 表示插入到文档中的文本,通常带有下划线
address 用于提供联系信息,如电子邮件地址或实际地址
time 用于显示日期和时间
small 用于显示小型文本
pre 用于保留文本中的空格和换行格式,适合展示代码或其他预格式化文本
code 用于显示代码片段
var 用于显示变量,在技术文档中尤为常见
samp 用于显示程序输出的样本文本
kbd 用于显示用户应输入的键盘命令
功能性
iframe 用于在当前页面中嵌入另一个 HTML 文档
progress 用于以进度条的形式来显示某一个任务的完成度,如上传文件、下载文件等
meter 用于定义已知范围内的标量测量值或分数(也称为量表)
details 用于创建可折叠的详细信息区域
summary 用于作为 details 标签的标题,点击可展开或关闭详细信息
bdo 用于覆盖文本的方向设置,强制文本按指定方向显示
bdi 用于隔离文本方向,防止外部样式影响,常用于多语言环境
ruby 用于为汉字(如中文、日语、韩语等)添加音标或注释
rt 定义 ruby 注释中的发音或解释部分
rp 用于指定当浏览器不支持 ruby 元素时要显示的内容。它通常搭配 ruby 和 rt 标签一起使用
dialog 用于自定义对话框
data 用于为数据处理提供一个值,该值可以提供给 JavaScript 操作或提交给服务端处理
template 定义可重复利用的 HTML 片段,不会直接渲染到页面中
无语义
div 常用块级元素,用于划分区域
span 常用行内元素,用于配合 CSS 对内容控制样式
b 定义文本为粗体,请使用 CSS 代替
i 定义文本为斜体,请使用 CSS 代替
s 为文本添加删除线,请使用 CSS 代替
u 为文本添加下划线,请使用 CSS 代替
试验性
fencedframe 增强隐私的 iframe,限制嵌入页面与外部页面的通信,防止跨站数据泄露
portal 允许将网页内容嵌入为无缝过渡的 “门户”,支持预渲染和流畅的页面导航体验
已废弃的 HTML 标签
acronym applet basefont big
center dir font frame
frameset marquee nobr noembed
noframes param plaintext rb
rtc strike tt xmp

    上一篇: 没有了

    下一篇: <!DOCTYPE>

    给站长反馈

    绿叶网正在不断完善中,小伙伴们如果发现任何问题,还望多多给站长反馈,谢谢!

    邮箱:lvyenet@vip.qq.com

    「绿叶网」服务号
    绿叶网服务号放大
    关注服务号,微信也能看教程。
    绿叶网服务号