HTML br 语法
在 HTML 中,br 标签用于实现段落的换行效果。br 是一个空标签(自闭合标签),不需要有任何内容。
语法:
<br>说明:
br,是 “break” 的缩写。在 HTML5 标准中,下面 2 种写法都是可行的。
<!--写法1-->
<br>
<!--写法2-->
<br />提示: 按照 HTML 编码规范,br 标签一般建议用于在 p 标签内,而不建议在其他标签内部使用(虽然你用也不会报错,但不推荐)。
HTML br 摘要
| 属于 | HTML 换行 |
|---|---|
| 使用频率 | 中 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML br 示例
接下来,我们通过一个简单的例子来讲解一下 HTML br 标签是如何使用的。
示例:使用 br 标签实现换行
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>床前明月光,疑是地上霜。<br>举头望明月,低头思故乡。</p>
</body>
</html>页面效果如下图所示。

分析:
br 标签是用来给文本 “换行” 的,而 p 标签是用来给文本 “分段” 的。如果你的内容本身就是两个段落,就没必要使用 br 标签换行那么麻烦,而是直接用两个 p 标签就可以了。
除了使用 p 标签和 br 标签,我们还可以使用 CSS 来控制文本的换行效果。更多关于 CSS 的内容,另请参阅:CSS 教程。
br 与 wbr 的区别
br 和 wbr 这两个标签看起来很相似,但它们的作用有所不同:
- br 标签:它是 “强制” 的,用于指示浏览器在指定位置强制换行,不管该位置是否符合正常的换行规则。
- wbr 标签:它只是一个 “建议”,用于告诉浏览器在指定位置可以考虑换行,浏览器可以根据需要决定是否换行。
注意: 不要使用 br 标签来增加元素之间的垂直距离(即 “空行”)。如果需要增加段落之间的间距,我们应该使用 CSS 的 margin 属性来实现。
