何时使用 < p > vs. < br >

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

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

编辑: 为了澄清这个问题,这里是我正在处理的情况。你会使用 <br>或者 <p>来表示下面的内容吗(想象一下它包含在主页的 div 中) :


欢迎来到主页。

看看我们的东西。

你真的应该。


现在,这些行在技术上并不是“段落”。那么,您是用 <br>作为中间的 <p>标记来包围整个块,还是对每一行使用单独的 <p>作为标记呢?

109836 次浏览

它们有两种不同的功能。

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

结果

(咒语) (咒语) (咒语)。

更新

基于新的需求,我个人将使用 <p>来实现间距以及允许样式。如果将来您希望对这些部分中的一个进行样式化,那么在块级别上这样做会容易得多。

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


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


<p>You really should.</p>

我不会使用 <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>标记。

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

来源

当你想分开两个段落时,你应该使用 <p>:

一个段落(来自希腊段落,“写在旁边”或“写” 是写作交际中话语的一个独立的单位 具有特定的观点或想法。

当你想在你的段落中强制使用一个新的行时,使用 <br>标签。

p标记是块级元素,主要用于添加内容,而 br标记用于强制在元素中进行换行。也就是说,如果你要遵循语义学。现在很多人这样做是为了给标签之类的东西增加特定的含义。希望能帮上忙。祝你好运。=)

在回答这个帖子中的一个问题时,我可能打破了礼仪规则ーー因为迄今为止大多数答案都很棒ーー但我是这样处理这个问题的:

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

例如:
[我的文本块]
你好,世界!
——这是一个空行——
你真是充满活力!
[/my block of text ] < br >

现在很多人认为你可以在一个“ div”中放入两个“ p”元素,然后操作那个“ div”,但是我觉得这样做更费时(也就是说我很懒) ,因此我坚持使用双“ br”方法ーー让我只操作那个“ p”

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

我想在决定使用哪种技术时,应该考虑:

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