Appearance
以下是来自 MDN 文档 - <base> 标签页面 中提到的，尚未被弃用的 HTML 标签列表（即当前仍被推荐使用的标签）。这些标签适用于现代浏览器，并且是 HTML5 及后续标准中的一部分。
✅ 尚未被弃用的 HTML 标签列表（按用途分类）
🧱 基本文档结构
| 标签 | 描述 |
|---|---|
<html> | HTML 文档的根元素 |
<head> | 包含文档的元数据（如标题、样式、脚本等） |
<body> | 包含文档的主体内容 |
<base> | 指定页面上所有相对 URL 的基准 URL |
<title> | 定义文档的标题（显示在浏览器标签页上） |
<link> | 用于链接外部资源，如样式表或图标 |
<meta> | 提供关于文档的元信息，如字符集、描述、视口设置等 |
<style> | 定义内部 CSS 样式 |
<script> | 引入或定义 JavaScript 脚本 |
<noscript> | 当浏览器不支持脚本或脚本被禁用时显示的内容 |
📝 文本内容相关
| 标签 | 描述 |
|---|---|
<p> | 段落 |
<h1> - <h6> | 标题（从一级到六级） |
<div> | 块级容器，用于布局或样式分组 |
<span> | 行内容器，用于局部样式控制 |
<a> | 超链接 |
<strong> | 强调文本（加粗） |
<em> | 强调（斜体） |
<b> | 浏览器默认加粗文本（无语义强调） |
<i> | 斜体文本（通常用于非拉丁文字、技术术语等） |
<u> | 下划线文本（默认样式） |
<s> | 删除线文本 |
<sub> | 下标文本 |
<sup> | 上标文本 |
<br> | 换行符 |
<wbr> | 可选换行点（建议浏览器在此处换行） |
<pre> | 预格式化文本（保留空格和换行） |
<blockquote> | 引用块 |
<q> | 短引用（自动添加引号） |
<cite> | 引用作品名称 |
<code> | 代码片段 |
<samp> | 示例输出文本 |
<kbd> | 用户输入（键盘输入） |
<var> | 变量表示 |
<time> | 时间/日期表示 |
<mark> | 高亮显示文本 |
📋 列表相关
| 标签 | 描述 |
|---|---|
<ul> | 无序列表 |
<ol> | 有序列表 |
<li> | 列表项 |
<dl> | 定义列表（包含术语和解释） |
<dt> | 定义列表中的术语 |
<dd> | 定义列表中的描述 |
🖼️ 图像与多媒体
| 标签 | 描述 |
|---|---|
<img> | 显示图片 |
<figure> | 自包含内容（如图片、图表、代码等） |
<figcaption> | 为 <figure> 添加标题 |
<audio> | 嵌入音频内容 |
<video> | 嵌入视频内容 |
<source> | 为 <audio> 或 <video> 提供多个媒体源 |
<track> | 为 <audio> 或 <video> 添加字幕或其他文本轨道 |
<canvas> | 图形绘制区域（通过 JavaScript 控制） |
<map> / <area> | 定义图像映射（点击热区） |
📄 表格与表单
| 标签 | 描述 |
|---|---|
<table> | 定义表格 |
<thead> | 表格的头部（包含列标题） |
<tbody> | 表格的主体（包含数据行） |
<tfoot> | 表格的底部（常用于合计行） |
<tr> | 表格中的一行 |
<th> | 表头单元格 |
<td> | 表格数据单元格 |
<caption> | 表格标题 |
<form> | 定义表单 |
<input> | 输入控件（文本框、复选框、按钮等） |
<textarea> | 多行文本输入框 |
<select> | 下拉选择框 |
<option> | <select> 中的一个选项 |
<optgroup> | 为 <select> 中的选项分组 |
<button> | 按钮元素 |
<label> | 表单控件的标签 |
<fieldset> | 对表单控件进行分组 |
<legend> | 为 <fieldset> 添加标题 |
<datalist> | 提供 <input> 的预定义选项列表 |
<output> | 显示计算结果 |
🔄 内容嵌入
| 标签 | 描述 |
|---|---|
<iframe> | 内联框架，嵌入另一个 HTML 页面 |
<embed> | 嵌入外部资源（如插件） |
<object> | 嵌入对象（如插件、PDF 等） |
<param> | 为 <object> 定义参数 |
<picture> | 包含多个 <source> 和一个 <img>，实现响应式图片 |
<portal> | 实验性：允许将 DOM 子树渲染到其他位置（仍在标准化中） |
📁 元素分组与语义结构
| 标签 | 描述 |
|---|---|
<section> | 表示文档中的一个独立部分 |
<article> | 表示可独立发布的内容（如博客文章、新闻） |
<nav> | 表示导航链接部分 |
<aside> | 表示侧边栏或补充内容 |
<header> | 表示页面或段落的头部区域 |
<footer> | 表示页面或段落的尾部区域 |
<main> | 表示文档的主要内容 |
<address> | 表示联系信息 |
<details> | 创建可展开/折叠的细节控件 |
<summary> | 为 <details> 定义可见标题 |
<dialog> | 表示对话框或弹窗 |
<menu> / <menuitem> | 定义上下文菜单（实验性） |
⚙️ 表单输入类型（<input type="...">）
虽然不是标签，但 type 属性决定了 <input> 的行为。以下是最常用的合法 type 值：
| 类型 | 描述 |
|---|---|
text | 单行文本输入 |
password | 密码输入（隐藏字符） |
email | 邮箱地址验证输入 |
number | 数字输入 |
range | 滑动条输入 |
date | 日期选择器 |
time | 时间选择器 |
datetime-local | 本地日期和时间选择器 |
month | 年月选择器 |
week | 年周选择器 |
color | 颜色选择器 |
checkbox | 多选框 |
radio | 单选框 |
file | 文件上传 |
submit | 提交按钮 |
reset | 重置按钮 |
button | 可点击的按钮（配合 JS 使用） |
search | 搜索框（带清除按钮） |
url | URL 地址验证输入 |
如果你需要我将这些标签整理成 Markdown 表格、JSON 文件、HTML 模板 或者 打印卡片格式，欢迎告诉我 😊