<br>: 换行标签

最后更新:2026-10-13

<br>换行标签

<br>(换行)元素在文本中插入一个换行符。它是一个空元素,用于诗歌、地址等需要手动换行的场景。不要用它来制造段落间距——那应该用 CSS 的 margin。

分类文本内容
内容模型无(空元素)
允许的父元素接受短语内容的元素
闭合标签自闭合 — 无需闭合标签
状态标准

📝 语法

第一行<br>第二行

▶ 示例

编辑下方代码,在 playground 中查看实时效果:

🌐 浏览器支持

浏览器 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<br> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
所有主流浏览器均支持
注意: 连续使用多个 <br> 制造大段空白是不好的做法,应使用 CSS 的 margin 或 padding。

❓ 常见问题

Qbr 和 p 有什么区别?
A<br> 是行内换行,段落不变;<p> 创建新段落,自带上下边距和段落语义。地址、诗歌等「同一语义单元内的强制换行」用 <br>,正文分段一律用 <p>。
Q连续多个 br 换行可以吗?
A不推荐。<br><br> 制造视觉间距属于滥用——间距是排版职责,应该用 CSS 的 margin 控制。连续 br 还会让屏幕阅读器把内容读成多个残缺片段,损害可访问性。
Qbr 是空元素吗?怎么写才规范?
A是空元素(void element),没有结束标签。HTML 中写 <br> 即可;XHTML 风格的 <br /> 也合法但无必要。它只支持全局属性,最常用的是配合 aria-hidden 处理装饰性换行。

📚 相关教程

Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏