如何在HTML中换行？换行标记的正确使用方法和注意点

当您在 HTML 中换行时，您可能会使用换行标记<br> 和段落标记<p>，但您是否正确使用它们？

如何在 HTML 中换行

当我想在HTML中换行的时候，像平时在文本中使用一样，用Enter换行的话是不行的。

<p>
	在这里换行。
	无法换行。
</p>

像这样，如果在文本中普通地用Enter换行的话，页面显示只是多了一个空格，并不能正确的换行。

为了换行，必须使用“换行标记<br>”或者“段落标记<p>”来明确书写。

在HTML中换行的方法和注意事项

用换行标记<br>换行

br是“BRreak（换行）”的缩写。它的意思是“这里换行”，所以不需要结束标签。

<p>	
	在这里换行。<br>
	换行成功。
</p>

使用换行标记<br>时的注意事项

使用换行标记<br>时要记住三件事。

不要连续使用 <br>

在结构上，最好不要像下面那样连续使用 <br> 避免在行之间留出大量空间。

<p>
  在这里换行。<br>
  空出很多行间。
  <br>
  <br>
  <br>
  <br>
  尽量避免这个使用方法吧。
</p>

如果想在行与行之间留出很大的空间，可以使用段落标签<p>，后面会解释，或者用CSS来做。

不同版本的标签不同

多年来，HTML 已多次更新。过去一直使用 HTML4 和 XHTML，但现在 HTML5 是主流。

需要注意的是在 HTML4 和 HTML5 中使用 <br>，但 XHTML 使用 <br /> 而不是 <br>。

另外，要注意 br 和 / 之间需要一个半角空格。

在其他设备上可能看起来不一样

如果要改行的话，先使用<br>的可能有点危险。为什么呢，因为即使在电脑浏览器上正确换行，在手机上看的时候也有可能在奇怪的地方换行。

以下是在手机上看到的示例。

文章最后的几个字由于手机的宽度限制被改行了。这使得阅读变得非常困难。在某些情况下，它可能会像这样结束，因此我们建议不要使用不必要的 <br>，而是使用下面说明的段落标签<p>！

用段落标签 <p> 换行

接下来是使用段落标签 <p> 的换行符。p 代表“段落”。

段落标记<p>的目的是按照字面意思加上段落，方便文章的阅读。用<p></p>括起来，可以一目了然地看出句子的统一性，还可以换行。

<p>
	第一个段落。
</p>
<p>
	第二个段落。
</p>

如何避免换行

在 HTML5 中，有一种方法可以使用 <nobr> 来防止换行，但最近似乎已经废除了。

如果要在浏览器中显示不换行，就用CSS吧！