显示多行文本的正确方法是什么？

Question

我有一个包含一些不同文本行的 HTML 文档，是否有一些确定的正确方式来显示它们？

例子：

Here are
some lines
of text

我应该<p>为每一行使用标签，还是有其他/更好的方法来做到这一点？

例子：

<p>Here are</p>
<p>some lines</p>
<p>of text</p>

或者

<p>
  Here are <br>
  some lines <br>
  of text <br>
</p>

或者完全不同的东西？

CSS 和其他东西目前并不真正相关，我只是想知道哪种是“最正确”的使用方式。

Answer 1

如果您有一个包含新行的字符串，例如要在 div 中显示，则可以使用 white-space: pre-wrapcss 样式：

.multiline {
  white-space: pre-wrap;
}

<div class="multiline">
    A multiline text
    for demo purpose
</div>

Answer 2

或者您可以尝试在不使用标签换行的情况下执行此操作：

<div style="white-space:pre">
Here are
some lines
of text
</div>

Answer 3

根据this，该<br>元素用于插入换行符而不开始新段落。因此，与第一个解决方案相比，您应该更喜欢第二个解决方案。

w3schools 附带了一篇关于风格指南和编码约定的精彩文章。