何时使用<p> vs. <br> [关闭]


70

关于何时应该使用其他标签<p>...</p>而不是<br />标签的结论是什么?这种事情的最佳实践是什么?

我四处寻找这个问题,但大部分文字似乎有些陈旧,因此我不确定此后对这个话题的看法是否有所发展。

编辑:为了澄清问题,这是我正在处理的情况。您是否将<br><p>用作以下内容(假设它包含在首页的div中):


欢迎来到主页。

看看我们的东西。

你真的应该


现在,这些行在技术上不是“段落”。那么,您是通过将标记中的整个块括在<p>标签<br>之间来标记这一点,还是<p>对每行使用单独的标记呢?

Answers:


70

它们具有两种不同的功能。

<p>(段落)是用于保存文本的块元素。<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>

结果

Sugitsse sodales dioo出现在猫科动物中。Donec tempus laoreet est bibendum sollicitudin。Etiam tristique convallis
rutrum。菜豆的身份。葡萄汁阿维拉调味品。

更新资料

基于新的要求,我将亲自使用<p>以实现间距并允许样式化。如果将来您希望对这些零件之一进行样式设置,则在块级进行样式设置将更加容易。

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

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

<p>You really should.</p>

这个答案很有道理。但是,您能否回答我添加的示例(请参阅问题中的EDIT),并解释您的思考过程?
willthefirst 2012年

9

<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>

资源


2

当我在这个线程中回答问题时,我可能正在违反礼节规则-到目前为止,大多数答案都很好-但是这是我如何处理此论点的方法:

尽管我同意“ p”是用于保存文本的元素,而“ br”标签是用于断开文本的元素,但在许多情况下,人们可能希望操作文本之间存在实际行距的“块”;

例如:
[我的文字]
世界您好!
--------这是一个空白行------
你是如此充满生命!
[/我的文字块]

现在,许多人认为您可以将两个“ p”元素放在一个“ div”中,然后操纵该“ div”,但是我觉得这比较耗时(又是我很懒),因此我坚持使用双精度'br'方法-让我只操作那个'p'。

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

我猜想在决定采用哪种技术时,请考虑:

  • 代码可读性
  • 最佳做法
  • 时间
  • 快捷方式对其余代码的影响

您的答案似乎是最接近的正确答案。我遇到了w3.org文件,该文件确认了您提到的内容以及我认为正确的内容... w3.org/TR/html5/grouping-content.html#the-p-element
Pothi Kalimuthu

1

<p>当您想分隔两个段落时,应使用。从维基百科:

段落(来自希腊语的“在旁边写”或“在旁边写”)是论述特定观点或思想的书面论述的独立单元。

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


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以进行所需的间距


只需使用边距即可添加空间。空p没有意义。
elhoucine

2
@elhoucine-是的,这就是我要说的。

0

p标签是块级元素,和主要用来添加内容,而br标签被用于迫使元件内的线断裂。也就是说,如果您要遵循语义。如今,许多人正在这样做,以便为标签等添加特定含义。希望对您有所帮助。祝你好运。=)


6
-1这不会添加到此处已发布的任何答案中。
Kermit
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.