何时使用<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
标签用于在元素内强制换行。 也就是说,如果你要遵循语义。 现在很多人都在为标签添加特定的含义。 我希望有帮助。 祝你好运,但。 =)