<br>是强制换行指令而非语义段落分隔符，仅在地址、诗歌等需保留行位置且不拆分段落时适用；与<p>相比，它无结构意义、不可单独样式化，现代开发应优先用CSS布局替代。
直接在 <p> 里写 <br> 就行，但得明白它不是“换行符”而是“换行指令”
HTML 中 <br> 是一个空元素，作用是强制折行，不是语义上的段落分隔。在 <p> 里用它，浏览器会照常渲染换行，但要注意：这不是结构化换行，只是视觉打断。
常见错误现象：
- 把
<br>当成段落分隔，结果整个内容还在同一个<p>块里，语义上仍是“一段话” - 连续写多个
<br>（如<br><br><br>）想模拟空行，但实际只产生一个换行+多余空白（因换行符和空格被合并） - 在 CSS 设置了
white-space: pre或类似规则时，<br>行为可能被覆盖或失效
使用场景有限，典型的是地址、诗、歌词等需要保留特定行位置但又不想拆成多个 <p> 的场合。例如：
<p>北京市朝阳区建国路87号<br>中国尊大厦B座12层<br>邮编：100022</p>
<br> 和真实段落换行（即多个 <p>）的区别在哪
关键区别在语义与样式控制能力：
立即学习“前端免费学习笔记（深入）”；
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
-
<p>第一段</p><p>第二段</p>：两个独立段落，可分别加 class、设置 margin、被屏幕阅读器识别为两个段落单元 -
<p>第一行<br>第二行</p>：仍是一个段落，CSS 的margin-top/bottom只对整个<p>生效，无法单独控制“第二行”的上下间距 - 搜索引擎和辅助技术更倾向把多个
<p>当作内容结构信号；纯靠<br>不会增强可读性或 SEO
性能上没差异，但维护性差——后期想给“第二行”加粗或变色，就得加 <span> 包裹，而两个 <p> 可直接上 class。
现代替代方案：什么时候该避免用 <br>
多数情况下，用 CSS 控制布局比硬塞 <br> 更可靠：
- 想让文字按行显示且有间隔？用
display: block+margin或 Flex 容器更可控 - 表单中标签和输入框换行？用
<div>或<fieldset>分组，而非<p><label>...<br><input></p> - 响应式场景下，
<br>在不同屏幕宽度里行为固定，无法随布局调整；而 CSS 的flex-wrap或grid能自动适应
例外：邮件模板（尤其兼容老客户端）或极简静态页中，<br> 仍是快速、低风险的换行手段。
注意 <br> 的写法细节和兼容性
HTML5 中推荐写成 <br>（自闭合），不要写 <br /> —— 虽然浏览器都认，但 XHTML 风格在 HTML5 文档里没必要，还可能在某些模板引擎里引发解析歧义。
- 不支持
<br>的浏览器已不存在（IE6+ 全支持），无需 polyfill - 不能写在
<table>、<thead>等表格相关标签内部（语法允许但语义错乱，校验工具会警告） - 若用 JavaScript 动态插入，记得用
document.createElement('br')，别拼字符串——否则容易漏掉斜杠或引号问题
真正容易被忽略的是语义惯性：人眼看到换行就以为该用 <br>，但先问一句“这真是同一段内容吗？”——答案往往是“不是”，那就该拆 <p>，而不是堆 <br>。
