HTML br 标签

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>

页面效果如下图所示。

HTML br标签示例

分析:

br 标签是用来给文本 “换行” 的,而 p 标签是用来给文本 “分段” 的。如果你的内容本身就是两个段落,就没必要使用 br 标签换行那么麻烦,而是直接用两个 p 标签就可以了。

除了使用 p 标签和 br 标签,我们还可以使用 CSS 来控制文本的换行效果。更多关于 CSS 的内容,另请参阅:CSS 教程

br 与 wbr 的区别

br 和 wbr 这两个标签看起来很相似,但它们的作用有所不同:

  • br 标签:它是 “强制” 的,用于指示浏览器在指定位置强制换行,不管该位置是否符合正常的换行规则。
  • wbr 标签:它只是一个 “建议”,用于告诉浏览器在指定位置可以考虑换行,浏览器可以根据需要决定是否换行。

注意: 不要使用 br 标签来增加元素之间的垂直距离(即 “空行”)。如果需要增加段落之间的间距,我们应该使用 CSS 的 margin 属性来实现。

上一篇: sub

下一篇: wbr

给站长反馈

绿叶网正在不断完善中,小伙伴们如果发现任何问题,还望多多给站长反馈,谢谢!

邮箱:lvyenet@vip.qq.com

「绿叶网」服务号
绿叶网服务号放大
关注服务号,微信也能看教程。
绿叶网服务号