每行写一个句子，并且希望行与行之间有空格但有一个语义段落，我应该使用 <br> 还是 <p>？

Question

我正在销售页面上以这种风格编写长文案（为简洁起见，已缩短）：

我们明白了……

找到一个理解 X 的 X 是很困难的。

看起来他们都是X。

那么，你应该如何决定？

这是一个有内涵的问题，但我们可以告诉你的是：

我应该使用双
标签将其保留在单个语义段落中，还是应该为每一行使用

标签，即使它们是同一想法的一部分？

最初我是这样写的：

<p>
  We get it..
  <br/><br/>
  Finding an X that understand X is difficult.
  <br/><br/>
  It seems like they all X.
  <br/><br/>
  So, how are you supposed to decide?
  <br/><br/>
  That's a loaded question, but what we can tell you is this:
</p>

我的思考过程是，这一切都应该是一个想法的一部分，并且我试图在语义上和可访问性上保持清醒。

问题是，对我来说，使用两个

<br/>

标签来创建空间是不可取的，并且根据我在这里看到的其他线程，语义上可能不正确。这不是诗歌，也不是邮寄地址，不是。但这只是一个想法。

然后我尝试使用单个

<br/>

标签，然后去设置它的样式却发现我不能。

所以我决定将每一行包装在自己的

<p>

标签中（更容易使用 CSS 进行空间样式设置）。

<p>We get it..</p>
<p>Finding an X that understand X is difficult.</p>
<p>It seems like they all X.</p>
<p>So, how are you supposed to decide?</p>
<p>That's a loaded question, but what we can tell you is this:</p>

但我仍然不确定这是否是语义和可访问性的问题。

就我的目的而言，哪种方法是正确的？

Answer 1

MDN 说：

<br>

HTML 元素会在文本中产生换行符（回车符）。它对于写诗或地址非常有用，行的划分很重要。[强调我的]

虽然不是一首诗或地址，但行的划分很重要。 您发现的反对它的论点很可能是反对滥用它，因为它被用来创建段落。这里的情况并非如此，所以我认为使用它没有任何问题。

但是，您不需要多个。这就是样式/CSS 的用武之地。您无法真正设计

<br>

的样式，但它会创建换行符，并且您 can 设计线条。具体可以使用

line-height

来设置间距：

p {
  line-height: 2em;
}

<p>
  We get it…<br>
  Finding an X that understands X is difficult.<br>
  It seems like they all X.<br>
  So, how are you supposed to decide?<br>
  That's a loaded question, but what we can tell you is this:<br>
</p>

---

我现在看到@TemaniAfif 已经评论了这个。