<br> | HTML换行标签的定义与用法

由 hcduguo

定义与用法

  • <br> 可插入一个简单的换行符。
  • <br> 标签不成对出现，是个独立标签。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。
  • <br> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，通常会在相邻的段落之间插入一些垂直的间距。

提示:

  • <br>一般用来输出换行符或空行，而不是分割段落。
  • <br>标签仅将文本折行到下一行，与<p>标签相比，产生的垂直空白较少。
  • 您可以通过两种方式使用HTML br标签：<br>或<br/>。建议使用封闭的br标签<br/>，因为HTML和XHTML都支持它。
  • HTML<br>标签产生的（回车）换行符，对于写诗或地址很有用，因为其中的行划分很重要。

语法格式

<br>或<br/>

示例代码

<p>春眠不觉晓，处处闻啼鸟。<br>夜来风雨声，花落知多少。</p>
效果展示：

春眠不觉晓，处处闻啼鸟。
夜来风雨声，花落知多少。

HTML 与 XHTML 差异

  • 在 HTML 中，<br> 标签没有结束标签。
  • 在 XHTML 中，<br> 标签必须被正确地关闭，比如这样：<br /> 。

浏览器支持

所有主流浏览器都支持 <br> 标签。

全局属性

<br> 标签支持 HTML 的全局属性。

事件属性

<br> 标签支持 HTML 的事件属性。

更多示例

让我们看一个地址标签的换行示例：
<h2>换行标签示例</h2>
<address>
    文章作者:<b>李白</b><br>
    联系作者：<a href="mailto:hcduguo@hotmail.com">hcduguo@hotmail.com</a><br>
    公司地址：北京市海淀区中关村大街21号<br>
    公司官网:<a href="https://www.runoon.com/">奔月教程</a><br>
    
</address>

效果展示：

换行标签示例

文章作者:李白
联系作者：hcduguo@hotmail.com
公司地址：北京市海淀区中关村大街21号
公司官网:奔月教程

相关