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