Иногда плохо использовать <BR />?

Question

Иногда плохо использовать <BR/> теги?

Я спрашиваю, потому что некоторые из первых советов, которые моя команда разработчиков дала мне, заключались в следующем: не используйте <BR/>; вместо этого используйте стили. Но почему? Есть ли отрицательные результаты при использовании тегов <BR/>?

Answer 1

Основная причина не использования <br> заключается в том, что это не семантическая . Если вам нужны два элемента в разных визуальных блоках, вы, вероятно, хотите, чтобы они были в разных логических блоках.

В большинстве случаев это означает просто использование различных элементов, например <p>Stuff</p><p>Other stuff</p>, а затем использование CSS для правильного размещения блоков.

В некоторых случаях <br> семантически действителен, то есть, когда разрыв строки составляет часть данных, которые вы отправляете. На самом деле это ограничено двумя вариантами использования - поэзия и почтовые адреса.

Answer 2

Я думаю, ваша команда разработчиков использует <br /> вместо интервала полей. Чтобы создать пустое пространство между элементами, используйте стили отступов / полей через CSS.

Неправильное использование <br />:

<div>
   Content
</div>
<br />
<br />
<br />
<br />
<div>
     More content...
</div>

Хорошее использование <br />:

<style>
     div {
          margin-top:10px;
     }
</style>

<div>
   Content<br />
   Line break
</div>

<div>
     More content...
</div>

Answer 3

Как правило, <br/> является признаком плохого семантического HTML. Самым распространенным случаем является использование <br/> для объявления разделений абзацев, что является гораздо лучшим способом сделать это семантически. См. Кровать и завтрак .

Бывают случаи, когда это правильный тег для использования, но им часто злоупотребляют, так что люди применяют менталитет «не использовать», чтобы улучшить семантическое мышление.

Answer 4

Что подразумевалось под вашей командой, вероятно, не использовать
s для разделения между абзацами.

<p>I am a paragraph</p>
<p>I am a second paragraph</p>

- лучший способ сделать это, потому что вы можете легко настроить пробелы между абзацами с помощью CSS. Кроме этого, я не могу думать о чем-либо, говорящем против разрывов строк как таковых.

Answer 5

Та же концепция применима к тому, почему мы не используем таблицы для макета - используйте таблицы для таблиц и CSS для макета.

Используйте <br/> для разрыва строк в блоке текста и CSS, если вы хотите повлиять на макет.

Answer 6

Указание макета напрямую затрудняет адаптацию сайта к разным размерам страниц или шрифтов, например.

Answer 7

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

Вероятно, единственный раз, когда я бы использовал <br /> в предпочтении к полям и отступам, установленным CSS, даже если это не совсем технически правильно, это если бы это был отдельный инцидент, где требовалось немного больше места. Если бы у меня была довольно большая таблица стилей и, казалось бы, не стоило устанавливать дополнительный стиль только для этого случая, я могу использовать <br /> в качестве единовременного.

Как и большинство вещей, <br /> не так уж и плохо, если их правильно использовать.

Answer 8

Если вы сделаете это: <BR/> <BR/>

Вы получите различные макеты в разных браузерах.

глубже:
Если вы используете <BR/> только для разрывов строк - хорошо.
Если вы используете <BR/> в качестве разделителя строк - не в порядке.

Answer 9

Не используйте три или более последовательных <br> с, это сигнал, что вы используете их в стилистических целях, и нет, вы не должны.

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

Answer 10

<br /> следует использовать только для разрывов строк, а не для применения стиля к странице. Например, если вам нужно дополнительное пространство между абзацами, присвойте им класс и примените дополнительный отступ к абзацам. Не расставляйте абзацы с помощью <br /><br ><br />