HTML 全部标签大全

一、基础根结构标签

• <html>：文档根节点，包裹整个网页
• <head>：头部区域，放元信息、样式、引入资源
• <body>：网页可见内容区域
• <meta>：元数据（编码、适配、关键词）
• <title>：网页标题（浏览器标签栏）
• <base>：统一设置页面所有链接默认地址 / 跳转方式

二、样式 & 脚本标签

• <style>：内嵌 CSS 样式
• <link>：引入外部 CSS、图标等资源
• <script>：引入 / 内嵌 JS 脚本
• <noscript>：JS 禁用时显示的替代内容

三、标题 & 文本基础标签

• <h1>~<h6>：六级标题，h1 最大、h6 最小
• <p>：段落
• <span>：行内通用容器
• <br>：换行
• <hr>：水平分割线

四、文本格式化标签

• <b>：加粗（纯样式）
• <strong>：加粗（强调、语义重要）
• <i>：斜体（纯样式）
• <em>：斜体（强调语义）
• <u>：下划线
• <s>：删除线
• <small>：小号文本
• <mark>：高亮标记文本
• <sub>：下标
• <sup>：上标
• <pre>：预格式化文本（保留空格换行）
• <code>：单行代码
• <kbd>：键盘按键文本
• <samp>：程序输出文本
• <var>：变量文本

五、引用 & 缩写标签

• <blockquote>：块级长引用
• <q>：行内短引用
• <cite>：引用来源、著作名
• <abbr>：缩写 / 首字母缩写
• <address>：联系地址、作者信息

六、列表标签

• <ul>：无序列表
• <ol>：有序列表
• <li>：列表项
• <dl>：定义列表
• <dt>：定义术语
• <dd>：定义描述

七、表格标签

• <table>：表格
• <tr>：表格行
• <td>：单元格
• <th>：表头单元格
• <thead>：表格头部
• <tbody>：表格主体
• <tfoot>：表格底部
• <caption>：表格标题
• <colgroup>：列分组
• <col>：单独控制表格列样式

八、表单标签

• <form>：表单容器，提交数据
• <input>：输入框（文本 / 密码 / 单选 / 复选等）
• <label>：绑定表单标签
• <button>：按钮
• <select>：下拉选择框
• <option>：下拉选项
• <optgroup>：下拉选项分组
• <textarea>：多行文本域
• <fieldset>：表单分组边框
• <legend>：表单分组标题
• <datalist>：输入框联想下拉列表
• <progress>：进度条
• <meter>：度量值（音量、分值）

九、超链接 & 导航

• <a>：超链接、锚点
• <nav>：导航栏（语义化）

十、多媒体标签

• <img>：图片
• ``：音频
• <video>：视频
• <source>：为音视频提供多格式源文件
• <track>：音视频字幕轨道
• <figure>：图文容器
• <figcaption>：图文标题说明

十一、布局 & 语义化标签（HTML5）

• <div>：块级通用容器
• <header>：页面 / 区块头部
• <footer>：页面 / 区块底部
• <main>：页面主体唯一内容
• <section>：独立区块章节
• <article>：独立文章 / 内容块
• <aside>：侧边栏、附属内容
• <time>：日期时间语义标签
• <data>：绑定机器可读数据

十二、内嵌资源标签

• <iframe>：内嵌网页框架
• <embed>：嵌入插件、多媒体
• <object>：嵌入第三方对象
• <param>：给 object 传参数

十三、交互 & 特殊标签

• <details>：可折叠详情容器
• <summary>：折叠面板标题
• <dialog>：弹窗对话框
• <canvas>：画布（JS 绘图）
• <svg>：矢量图形
• <ruby>：注音标注
• <rt>：ruby 注音文本
• <rp>：不支持 ruby 时备用显示文本