Когда использовать <p>против <br>

Какой вердикт, когда вы должны использовать другой <p>...</p> вместо тега <br />? Каковы наилучшие методы для такого рода вещей?

Я огляделся по этому вопросу, но большая часть написания кажется немного старой, поэтому я не уверен, развивались ли мнения по этой теме с тех пор.

РЕДАКТИРОВАТЬ: для выяснения вопроса, вот ситуация, с которой я имею дело. Используете ли вы <br> или <p> для следующего содержимого (представьте, что он содержится в div на домашней странице):

Добро пожаловать на домашнюю страницу.

Ознакомьтесь с нашими материалами.

Вы действительно должны.

Теперь эти строки не являются технически "абзацами". Итак, вы отметили бы это, окружив весь блок тегом <p> с помощью <br> между ними или вместо этого используйте отдельный <p> для каждой строки?

Ответы

Ответ 1

Они обслуживают две разные функции.

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

Результат

Суспендие держит одио в 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>

Ответ 2

** Вы хотите использовать тег <p>, когда вам нужно разбить два потока информации на отдельные мысли.   

Настало время для alldddddddddddddddddddddd хороших людей прийти на помощь своей стране b.

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

Тег <br/> используется как принудительный разрыв строки в текстовом потоке веб-страницы. Используйте его, когда вы хотите, чтобы текст продолжался на следующей строке, например, с помощью поэзии.   

Настало время для всех хороших людей прийти на помощь своей стране booooooooo.
  Быстрая коричневая лиса перепрыгнула через ленивую спящую собаку.

источник сильный текст

Ответ 3

Я могу нарушать правила этикета при ответе на вопрос в этом потоке, поскольку большинство ответов до сих пор были замечательными, но вот как я подхожу к этому аргументу:

Хотя я согласен с тем, что "p" - это элемент, который используется для хранения текста, а тег "br" используется для разрыва текста, во многих случаях вы можете манипулировать "блоком" текста, который имеет фактические пространства строк между ними;

Пример:
[мой блок текста]
Hello World!
-------- Это пустая строка ------
Вы так полны жизни! [/мой блок текста]

Теперь многие утверждают, что вы можете просто разместить два "p" элемента в "div", а затем манипулировать этим "div", однако я чувствую, что это занимает больше времени (ака, я ленив), и, таким образом, я придерживаюсь с двойным методом "br", позволяющим мне манипулировать только одним "p."

Проблема с моим неортодоксальным методом заключается в том, что если для линии-высоты применяется определенный стиль, тогда определенная разница между пространством строк, созданным двойным 'br' vs. a 'p', будет заметно.

Я предполагаю, что при принятии решения о том, какой метод следует придерживаться, рассмотрим:

  • читаемость кода
  • лучшие практики
  • Время
  • эффекты ярлыков на остальной части вашего кода.

Ответ 4

Вы должны использовать <p>, если хотите отделить два абзаца. Материал из Википедии:

Пункт (из греческого абзаца, "писать рядом" или "написанный" помимо ") является автономной единицей дискурса в письменной форме с определенной точкой или идеей.

Используйте тег <br>, когда вы хотите принудительно создать новую строку внутри своих абзацев.

Ответ 5

Я бы не использовал <p>, если вы не намерены размещать в нем контент. Конечно, это всего лишь мнение (как я полагаю, большинство ответов будет).

Однако, может быть, проще стилизовать тег <p> (по крайней мере, больше параметров), которые могут использоваться чаще. Моя единственная проблема заключается в том, что читать это не так просто (при чтении кода), и мне кажется, что эти стили могут быть применены в другом месте (возможно, к тегам, которые окружают тег <p>.

Кроме того, как указывали другие, тег <br /> должен использоваться для разделения содержимого внутри элемента блока (например, тега <p>). Если вы используете следующее:

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

Затем я хотел бы утверждать, что вы должны использовать стили на одном или обоих тегах, окружающих тег p.break, чтобы сделать любой промежуток, который требуется.

Ответ 6

Тег p является элементом уровня блока и в основном используется для добавления контента, тогда как тег br используется для принудительного разрыва строки внутри элемента. То есть, если вы собираетесь следовать семантике. Многие люди делают это в наши дни, чтобы добавить определенное значение к тегам и еще много чего. Надеюсь, это поможет. Удачи, однако. =)