何时使用<p>与<br>

什么时候你应该使用另一个<p>...</p>而不是一个<br />标签的判决? 什么是这种事情的最佳实践?

我四处寻找这个问题,但大部分的写作似乎有点老,所以我不确定是否有关于这个话题的意见已经演变。

编辑:澄清这个问题,这里是我正在处理的情况。 你会使用<br><p>的以下内容(想象它包含在一个主页的div):


欢迎来到主页。

看看我们的东西。

你真的应该。


现在,这些行不是技术上的“段落”。 那么你会用一个<p>标签把整个块放在中间来标记吗?或者在每行之间使用单独的<p>

他们有两个不同的function。

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

结果

在felis sagittis hendrerit悬浮苏打水。 Donec tempus laoreet est bibendum sollicitudin。 Etiam tristique convallis
rutrum。 这是一个很好的例子。 Vivamus gravida aliquam调味品。

更新

基于新的要求,我会亲自使用<p>来实现间距以及允许造型。 如果将来您希望对这些部分中的一个部分进行devise,那么在块级别执行操作将变得更加容易。

 <p>Welcome to the home page.</p> <p style="border: 1px solid #00ff00;">Check out our stuff.</p> <p>You really should.</p> 

**当您需要将两个信息stream拆分成不同的想法时,您希望使用<p>标签。

现在是allddddddddddddddddddddddd好人来援助他们的国家的时间b。

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

<br/>标签被用作网页文本stream中的强制换行符。 当你希望文本在下一行继续使用时,如诗歌。

现在是所有好人都来帮助他们的国家booooooooo的时候了。
快速的棕色狐狸跳过懒惰的睡觉狗。

来源 强烈的文字

在回答这个问题的时候,我可能会违反礼仪的规则,因为迄今为止,大部分的答案都是非常棒的,但是我的方法是:

虽然我同意“p”是用于保存文本的元素,“br”标记用于分隔文本,但在很多情况下,可能需要操作一个文本“块”,它们之间有实际的行间距;

例如:
[我的文字块]
你好,世界!
——–这是一个空白的路线——
你是如此充满活力!
[/我的文字块]

现在很多人会争辩说,你可以在“div”中放置两个“p”元素,然后操作这个“div”,但是我觉得这样比较费时(又称懒惰),所以我坚持使用double 'br'方法 – 让我操纵那个'p'。

我非常规的方法的问题是,如果有一个特定的样式适用于行高,那么在双“br”与“p”创build的行间肯定会有明显的差异。

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

  • 代码可读性
  • 最佳实践
  • 时间
  • 快捷键对其余代码的影响

当你想分开两个段落时,你应该使用<p> 。 维基百科:

段落(来自希腊段落,“在旁边写”或“在旁边写”)是一个独立的单元,用于处理某个特定点或想法的书面话语。

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

除非你打算把内容放在里面,否则我不会使用<p> 。 当然,这只是一个意见(正如我所假设的大部分答案)。

不过,devise一个<p>标签(至less有更多的选项)可能会更容易,这样可能会更频繁地使用它。 我唯一的问题是这不是很容易阅读(阅读代码时),我觉得这些样式可以应用在其他地方(可能是标签周围的<p>标签。

另外,正如其他人所说的,应该使用<br />标签来分隔块元素(如<p>标签)中的内容。 如果您使用以下内容:

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

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

p标签是块级元素,主要用于添加内容,而br标签用于在元素内强制换行。 也就是说,如果你要遵循语义。 现在很多人都在为标签添加特定的含义。 我希望有帮助。 祝你好运,但。 =)