HTML插入水平分割线标签是。这个标签用于在网页中创建一条水平线，常用来分隔内容块或视觉上区分不同部分。示例代码：

这是段落一。

这是段落二。

说明： 是一个自闭合标签，不需要结束标签。默认情况下，它会显示为一条水平线，颜色为黑色，宽度为100%。可以通过添加属性来调整样式，例如：

---

color：设置线

HTML中的`

---

`标签是语义化的段落级分隔符，用于表示内容主题的实质性转换（如章节切换、对话轮次或作者署名前的停顿），而非简单的视觉装饰线；尽管它仍被浏览器广泛支持且可自闭合使用，但其内联样式属性（如color、size）在HTML5中已被废弃，现代开发应优先采用CSS边框（如`border-top`）实现灵活、可控、可动画且语义清晰的分隔效果——真正需要`

---

`的场景其实很少，多数“习惯性使用”反而导致语义污染、无障碍干扰和样式不可靠，理解它的本意，才能让页面结构更健壮、体验更友好。

用

---

插入水平分割线，不是

---

HTML5 中

---

是一个**自闭合的换行级元素**，但语法上不写斜杠更稳妥。浏览器普遍支持

---

，而

---

在某些旧文档类型或严格 XML 解析环境下可能出问题。

常见错误现象：
– 页面里

---

看起来正常，但在 XHTML 模式下报解析错误
– 用 JS 动态插入时，innerHTML = '

---

' 被某些浏览器自动修正为

---

，导致意外嵌套

• 始终用

  ---

  ，不加结束标签，也不加斜杠
• 如果项目强制 XHTML 兼容，改用

  ---

  前需确认 DOCTYPE 和解析器行为
• 它默认是块级元素，前后自带换行，不需要额外


---

的样式控制必须用 CSS，不能靠属性

老教程里写的 color、width、size 等 HTML 属性在 HTML5 中已废弃，浏览器可能忽略或表现不一致。

使用场景：
– 需要细线、虚线、带颜色、带阴影的分隔效果
– 在响应式布局中随容器缩放

• 用 border 控制线型：比如 border: none; border-top: 2px dashed #999;
• 避免只设 height：默认

  ---

  高度由边框和 margin 决定，直接设 height 容易塌陷
• 清除默认 margin：不同浏览器对

  ---

  的上下 margin 不同，建议显式重置 margin: 1rem 0;

语义别乱用：

---

表示主题/内容的**段落级分隔**，不是装饰线

错误现象：
– 在按钮组之间加

---

当视觉分隔
– 在卡片 footer 里塞一条

---

做下划线
这些场景更适合用