<p> вместо <br />

Question

Мне было интересно, смогу ли я использовать <p>&nbsp;</p> (просто пробел в абзаце) вместо <br />

Потому что я люблю сохранять семантический код, и мысль о том, что это правильно, беспокоит меня уже некоторое время. Я видел, как редакторы WYSIWSG (TinyMCE) использовали это, но я все же предпочитаю сделать это неправильно.

Answer 1

Это не «семантика», пустой абзац - это то, что более или менее не может существовать семантически. Он не содержит никакой информации, то есть семантического содержания. Все, что он делает, - это изменяет визуальный макет, то есть презентацию.

Вам гораздо удобнее использовать стилизацию, чтобы изменить поля, границы или отступы для достижения желаемого эффекта.

Answer 2

Что не так с использованием полей абзацев вместо вертикального?

<p>Hello World</p>
<p>This is much cleaner than using empty tags with non-breaking spaces.</p>

Answer 3

Правильный способ сделать это с помощью CSS: используйте margin-top или margin-bottom.

<p>&nbsp;</p> довольно ужасно ... Я бы лучше увидел <br>, чем это (хотя это может быть менее "правильно").

Answer 4

Вы должны установить расстояние между абзацами с помощью css.

Answer 5

& nbsp;

не является семантическим, поэтому я не знаю, как это вам поможет.

Answer 6

Я рекомендую оборачивать элементы в теги уровня блока, такие как div s и p s. Таким образом, мне тоже не нужно. Если вы хотите разнести элементы, вы должны использовать поля. В любом случае вы можете быть более точными с полями.

Answer 7

В ситуации, когда вы вынуждены иметь разрыв строки, используйте
: в отличие от пустых тегов абзаца, на самом деле означает «разрыв строки». Хотя почти всегда есть лучший способ сделать что-то.

Answer 8

Это HTML. Вы можете использовать все, что угодно, если вы уверены, что он будет отображаться так, как вы хотели, во всех браузерах, которые вы собираетесь использовать. Я не понимаю, что вы подразумеваете под "сохранить мой код семантическим", поэтому я не уверен, в чем ваша проблема с <br>. Но если вы говорите о форматировании и тому подобном, обратитесь к CSS.