← 返回 Web 词条

分割线

Web原生支持

在 Web 上叫Thematic Break

也叫 Divider

<hr>

适用范围:桌面与移动端现代浏览器

只有主题发生转换时使用 hr;纯装饰线可以用边框,但不应添加多余语义。

它用一条细线或明显间隔把相邻内容分组,让层级和阅读边界更清楚。

  • 两块内容中间那条细线
  • 列表每一项之间的横线
  • 把上下内容隔开的线
  • 内容分隔线
  • 分隔符
  • 区块分界线

其他平台的相似实现

使用规范

什么时候用

  • 相邻内容属于不同分组,仅靠留白仍不够清楚

什么时候别用

  • 每一项都加线造成视觉噪声,或内容本身没有分组关系

容易混淆

Web 出处

查看 Web / iOS / Android 完整对照 →