08 HTML文本标签
常用文本标签总结
| 标签 | 含义 | 用途示例 |
|---|---|---|
<p> | 段落 | 正文段落 |
<br> | 换行 | 文本内手动换行 |
<hr> | 水平线 | 内容分隔线 |
<h1>~<h6> | 标题 | 从最大标题 <h1> 到最小 <h6> |
<strong> | 强调（加粗） | 比 <b> 更有语义 |
<em> | 强调（斜体） | 比 <i> 更有语义 |
<b> | 加粗 | 纯视觉加粗 |
<i> | 斜体 | 纯视觉斜体 |
<u> | 下划线 | 为文字加下划线 |
<small> | 小号字体 | 常用于免责声明等 |
<mark> | 高亮 | 给文字添加黄色背景 |
<del> | 删除线 | 表示已删除内容 |
<ins> | 插入文字 | 表示新增内容 |
<sub> | 下标 | 如：H2O |
<sup> | 上标 | 如：x2 |
<code> | 行内代码 | 显示等宽字体代码片段 |
<pre> | 保留格式文本 | 显示原始换行和空格 |
<blockquote> | 引用 | 引用一段较长文本 |
<abbr> | 缩写 | 鼠标悬停显示全称 |
<q> | 行内短引用 | 会自动加引号 |
实用建议
- 优先使用具有语义的标签（如
<strong>而 不是<b>）。 <pre>和<code>常用于展示格式化代码。- 文本标签可以嵌套，但要注意嵌套顺序合理，避免语义混乱。