何时使用<p>与</p>

时间:2012-12-03 17:03:59

标签: html html5

关于何时应该使用其他<p>...</p>代替<br />代码的判断是什么?对于这类事情,最好的做法是什么?

我环顾四周寻找这个问题,但大部分写作似乎都有些陈旧,所以我不确定自那时起对这个话题的看法是否有所发展。

编辑:澄清问题,这是我正在处理的情况。您是否会使用<br><p>来获取以下内容(想象它包含在主页上的div中):


欢迎来到主页。

查看我们的内容。

你真的应该。


现在,这些线条在技术上并不是“段落”。那么你是否会在<p>标记中包围整个块来标记这一点,其中<br>介于两者之间,或者为每一行使用单独的<p>&#39; s ?

6 个答案:

答案 0 :(得分:63)

它们有两种不同的功能。

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

<强>结果

Suspendisse sodales odio in felis sagittis hendrerit。 Donec tempus laoreet est bibendum sollicitudin。 Etiam tristique convallis
rutrum。 Phasellus id mi neque。 Vivamus gravida aliquam condimentum。

<强>更新

根据新要求,我个人会使用<p>来实现间距以及允许样式化。如果将来你希望设置其中一个部件的样式,那么在块级别上这样做会容易得多。

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

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

<p>You really should.</p>

答案 1 :(得分:7)

当您需要将两个信息流分解为单独的想法时,您希望使用<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>

source

答案 2 :(得分:2)

在回答这个问题中的问题时,我可能违反了礼仪规则 - 迄今为止的大多数答案都很棒 - 但这里是我如何处理这个论点:

虽然我同意&#39; p&#39;是用于保存文本的元素和“&#39;标签用于打破文本,在很多情况下,人们可能想要操纵“块”。在它们之间有实际行间距的文本;

例如:
[我的文字块]
Hello World!
--------这是一个空白------
你是如此充满生机! [/我的文本块]

现在很多人都认为你可以放置两个&#39; p&#39; &#39; div中的元素然后操纵那个&#39; div,然而我觉得这更耗费时间(又名我懒惰),因此我坚持用双&#39; br&#39;方法 - 让我只操纵那个&#39; p。&#39;

我的非正统方法的问题在于,如果有一个特定的样式应用于行高,那么双重&#39;&#39;&#39;生成的行间距肯定会有明显的差异。与一个&#39;。

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

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

答案 3 :(得分:1)

如果要分隔两段,则应使用<p>。来自维基百科:

  

一段(来自希腊语段落,“写在旁边”或“书面   旁边的“)是一个独立的文字处理话语单位   有一个特定的观点或想法。

如果要在段落中强制换行,请使用<br>标记。

答案 4 :(得分: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标签周围的一个或两个标签上使用样式来执行所需的任何间距

答案 5 :(得分:0)

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