72

关于何时应该使用另一个<p>...</p>而不是<br />标签的判断是什么？这种事情的最佳做法是什么？

我环顾四周寻找这个问题，但大部分文章似乎有点旧，所以我不确定关于这个主题的意见是否已经演变。

编辑：为了澄清这个问题，这是我正在处理的情况。您会对以下内容使用<br>'s 还是<p>'s（想象一下它包含在主页上的 div 中）：

欢迎来到主页。

看看我们的东西。

你真的应该。

现在，这些行在技术上并不是“段落”。那么，您是否会通过将整个块包围在<p>标签中并在其间使用 's 来标记这一点，或者对每一行<br>使用单独的 's？<p>

4

6 回答 6

77

它们有两种不同的功能。

<p>(paragraph) 是一个块元素，用于保存文本。用于在元素<br />内强制换行。<p>

例子

<p>Suspendisse sodales odio in felis sagittis hendrerit. Donec tempus laoreet
est bibendum sollicitudin. Etiam tristique convallis<br />rutrum. Phasellus 
id mi neque. Vivamus gravida aliquam condimentum.</p>

结果

Suspendisse sodales odio in felis sagittis hendrerit。Donec tempus laoreet est bibendum sollicitudin。Etiam tristique convallis
rut​​rum。Phasellus id mi neque。Vivamus gravida aliquam 调味品。

更新

根据新的要求，我个人会使用<p>来实现间距以及允许样式。如果将来您希望为这些部分之一设置样式，那么在块级别这样做会容易得多。

<p>Welcome to the home page.</p>

<p style="border: 1px solid #00ff00;">Check out our stuff.</p>

<p>You really should.</p>
于 2012-12-03T17:06:26.690 回答
10

<p>当您需要将两个信息流分解为单独的想法时，您希望使用该标签。

<p> Now is the time for all good men to come to the aid of their country. </p>

<p>The quick brown fox jumped over the lazy sleeping dog.</p>

该<br/>标签用作网页文本流中的强制换行符。当您希望文本在下一行继续时使用它，例如诗歌。

<p>  Now is the time for all good men to come to the aid of their country. <br/>
The quick brown fox jumped over the lazy sleeping dog. </p>

来源

于 2012-12-03T17:08:52.767 回答
2

在这个帖子中回答问题时，我可能违反了礼仪规则——因为到目前为止，大多数答案都很好——但这是我处理这个论点的方式：

虽然我同意“p”是用于保存文本的元素，而“br”标签用于中断文本，但在许多情况下，人们可能想要操作它们之间具有实际行间距的文本“块”；

例如：
[我的文本块]
Hello World！
--------这是一个空白行------
你是如此充满活力！
[/我的文本块]

现在很多人会争辩说你可以在一个 'div' 中放置两个 'p' 元素，然后操纵那个 'div'，但是我觉得这更耗时（也就是我很懒），因此我坚持使用双'br' 方法——让我只操作那个 'p.'

我的非正统方法的问题是，如果对行高应用了特定的样式，那么双“br”与“p”创建的行空间之间肯定会有明显的差异。

我想在决定采用哪种技术时，请考虑：

  • 代码可读性
  • 最佳实践
  • 时间
  • 快捷方式对其余代码的影响
于 2014-10-29T14:41:45.103 回答
1

<p>当你想分隔两个段落时，你应该使用。来自维基百科：

段落（来自希腊语paragraphos，“写在旁边”或“写在旁边”）是处理特定观点或想法的书面话语的独立单元。

<br>当您想在段落中强制换行时，请使用该标签。

于 2012-12-03T17:10:03.710 回答
0

<p>除非您打算将内容放入其中，否则我不会使用。当然，这只是一种意见（我认为大多数答案都是如此）。

但是，为标签设置样式可能更容易<p>（至少有更多选项），这可能有助于更频繁地使用。我唯一的问题是这不是很容易阅读（在阅读代码时），我觉得这些样式可以应用于其他地方（可能应用于标签周围的<p>标签。

此外，正如其他人所说，<br />应该使用标签来分隔块元素（例如<p>标签）中的内容。如果您正在使用以下内容：

<p class="a">some content...</p>
<p class="break"></p>
<p class="b">some other content...</p>

然后我会争辩说，您应该在标签周围的一个或两个标签上使用样式p.break来执行所需的任何间距。

于 2012-12-03T17:07:44.037 回答
0

标签是块级元素，p主要用于添加内容，而br标签用于在元素内强制换行。也就是说，如果您要遵循语义。现在很多人都这样做是为了给标签和诸如此类的东西添加特定的含义。我希望这会有所帮助。不过，祝你好运。=)

于 2012-12-03T19:41:10.967 回答