hr标签用于表示内容主题转换而非视觉分隔，如场景切换或观点更替，应语义化使用以提升可访问性，纯装饰性线条需用CSS实现。
在HTML中，hr 标签用于表示段落级内容之间的主题分隔，而不是单纯为了视觉上的线条效果。正确语义化使用 hr 能提升页面的可访问性与结构清晰度。
hr标签的语义本质
hr 并不是“画一条线”的工具，而是代表内容主题的切换。根据HTML规范，它表示段落之间的一个主题转换，比如故事场景的转变、话题的更替或文章结构的分界。
- 适用于小说章节间的场景转换
- 可用于博客文章中不同观点段落之间
- 适合长文中的结构分隔，如引言与正文之间
何时使用hr而不是CSS边框
如果两个内容块属于不同的主题，但又不需要新的标题，这时应使用 hr。若只是视觉样式需求（如卡片间隔线），则应使用CSS实现。
- 语义分隔 → 使用 hr
- 纯装饰线条 → 使用CSS border 或伪元素
实际使用示例
以下是一个语义正确的 hr 使用场景：
立即学习“前端免费学习笔记（深入）”；
那天雨下得很大，他站在车站等了很久。
瑞志企业建站系统(ASP版)2.2
下载
支持模板化设计，基于标签调用数据 支持N国语言，并能根据客户端自动识别当前语言 支持扩展现有的分类类型，并可修改当前主要分类的字段 支持静态化和伪静态 会员管理功能，询价、订单、收藏、短消息功能 基于组的管理员权限设置 支持在线新建、修改、删除模板 支持在线管理上传文件 使用最新的CKEditor作为后台可视化编辑器 支持无限级分类及分类的移动、合并、排序 专题管理、自定义模块管理 支持缩略图和图
与此同时，她正收拾行李，准备离开这座城市。
这里 hr 表示视角或场景的切换，具有明确的语义作用。
辅助技术的支持
屏幕阅读器会将 hr 识别为“分隔线”并提示用户内容结构变化。滥用会导致阅读体验割裂，因此只在真正需要表达主题转换时才使用。
基本上就这些。合理使用 hr 能让HTML更有意义，不只是看起来像分隔，而是真正表达内容逻辑的断裂与过渡。
