HTML5标签速查表·虎山CTO2025精编版(含废弃标记)避过时页签坑

HTML标签速查表·虎山CTO精编版（含废弃标记）

页签迭代较快需及时避坑,整理过程容易遗漏太正常

图片仅供参考,页签迭代较快需及时避坑,建议多搜AI参照学习,提升学习效率,正文在最下

基础结构

标签 说明 状态

html 根容器

head 文档头

title 页面标题

base 基础链接

meta 元数据

link 外部资源

style 内嵌样式

script 脚本代码

noscript 脚本备用提示

内容标签

标签 说明 状态

body 主体内容

div 块容器

span 行内容器

p 段落

br 换行

hr 分隔线

h1-h6 标题

blockquote 引用块

pre 预格式化文本

code 代码片段

语义化标签（HTML5）

标签 说明 状态

header 页头

footer 页尾

nav 导航

article 独立内容

section 区块

aside 侧边栏

main 主体内容

figure 配图容器

figcaption 配图说明

time 时间

mark 标记高亮

列表与表格

标签 说明 状态

ul 无序列表

ol 有序列表

li 列表项

dl 描述列表

dt 描述项标题

dd 描述项内容

table 表格

tr 表格行

th 表头单元格

td 表格单元格

thead/tbody/tfoot 表格结构组

文本格式化

标签 说明 状态

em 强调（斜体）

strong 重要（粗体）

i 斜体（无语义）

b 粗体（无语义）

u 下划线

s 删除线

del 删除内容（有语义）

ins 插入内容（有语义）

sub 下标

sup 上标

small 小号字体

cite 引用标题

q 短引用

abbr 缩写

dfn 定义术语

kbd 键盘输入

samp 样本输出

var 变量

ruby/rt/rp 注音符号

bdi/bdo 双向文本 override<->

wbr 可选换行机会

表单与交互

标签 说明 状态

form 表单

input 输入框

textarea 多行文本输入框

button 按钮

select 下拉列表

option 下拉选项

optgroup 选项组

label 标签

fieldset 表单分组

legend 分组标题

output 输出结果

progress 进度条

meter 度量衡

datalist 输入选项列表

媒体与嵌入

标签 说明 状态

img 图片

iframe 内嵌框架

embed 嵌入内容

object 嵌入对象

param 对象参数

video 视频

audio 音频

source 媒体源

track 媒体轨道

canvas 画布

map/area 图片映射

已废弃标签（勿用！）

标签 说明 状态

acronym 首字母缩写 废弃

applet Java小程序 废弃

basefont 基础字体 废弃

big 大号字体 废弃

center 居中 废弃

dir 目录列表 废弃

font 字体样式 废弃

frame/frameset 框架集 废弃

noframes 框架备用 废弃

strike 删除线 废弃

tt 电传文本 废弃

虎山CTO提示：

常用标签记牢，语义化是趋势！

废弃标签勿碰，兼容性是大坑！

没水印,放心保存