浅谈BR标签

HTML 标签元素中<br>应用得场景并不多，我们是否真正了解<br> 元素的语义，其正确使用场景，是否可以用 CSS 来改变其样式？让我们慢慢剖析<br> 元素，揭开它被忽视的面纱，一睹其神秘的容颜。

br 的语义

看看 W3C 对 <br> 的定义。

由上可知： <br>元素表示换行，它必须只能被使用作换行，实际上常用于是诗、地址的一部分。

再来看 MDN 上的定义:

意思基本一致： <br>元素(或 HTML 换行符元素)在文本中产生一个折行(回车)。对于写诗和地址，非常有用，行与行的划分变得明显。不要使用 <br> 来增加行与行之间的间隙,将它们包装在<p>元素中并使用CSS margin属性来控制它们的大小。

另值得说明的是,[backcolor=rgba(27, 31, 35, 0.05)]<br>是个空元素，到底要不要闭合呢?

答案是不需要。

<br> 的使用场景

正确使用场景

从上述<br>的定义中， 我们可知 <br> 元素的使用场景很明显，只适合在文本中折行，且这个折行的目的是为了文本本身的需要。例如：

<p>

     鹅鹅鹅，

     <br>

     曲项向天歌。

     <br>  

     白毛浮绿水，

     <br>  

     红掌拨清波。

  </p>

错误使用场景一：用来增加文本行之间的间隙

用来增加文本之间的间隙并不是它的应有用途。

浅谈BR标签

HTML 标签元素中<br>应用得场景并不多，我们是否真正了解<br> 元素的语义，其正确使用场景，是否可以用 CSS 来改变其样式？让我们慢慢剖析<br> 元素，揭开它被忽视的面纱，一睹其神秘的容颜。

br 的语义

看看 W3C 对 <br> 的定义。

由上可知： <br>元素表示换行，它必须只能被使用作换行，实际上常用于是诗、地址的一部分。

再来看 MDN 上的定义:

意思基本一致： <br>元素(或 HTML 换行符元素)在文本中产生一个折行(回车)。对于写诗和地址，非常有用，行与行的划分变得明显。不要使用 <br> 来增加行与行之间的间隙,将它们包装在<p>元素中并使用CSS margin属性来控制它们的大小。

另值得说明的是,[backcolor=rgba(27, 31, 35, 0.05)]<br>是个空元素，到底要不要闭合呢?

答案是不需要。

<br> 的使用场景

正确使用场景

从上述<br>的定义中， 我们可知 <br> 元素的使用场景很明显，只适合在文本中折行，且这个折行的目的是为了文本本身的需要。例如：

<p>

     鹅鹅鹅，

     <br>

     曲项向天歌。

     <br>  

     白毛浮绿水，

     <br>  

     红掌拨清波。

  </p>

错误使用场景一：用来增加文本行之间的间隙

用来增加文本之间的间隙并不是它的应有用途。