Иногда бывает плохо использовать теги <BR/>?
Я спрашиваю, потому что некоторые из первых советов, которые мне дал команда разработчиков, были такими: Не используйте <BR/>; вместо этого используйте стили. Но почему? Существуют ли отрицательные результаты при использовании тегов <BR/>?
Основной причиной не использования <br> является то, что он не semantic. Если вам нужны два элемента в разных визуальных блоках, вы, вероятно, захотите их в разных логических блоках.
В большинстве случаев это означает просто использование разных элементов, например <p>Stuff</p><p>Other stuff</p>, а затем использование CSS для правильного размещения блоков.
Существуют случаи, когда <br> является семантически допустимым, то есть случаи, когда разрыв строки является частью данных, которые вы отправляете. Это действительно ограничивается только двумя случаями использования - стихами и почтовыми адресами.
Я думаю, что ваша команда разработчиков ссылается на <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>
Как правило, <br/> является показателем плохого семантического HTML. Наиболее распространенным случаем является использование <br/> для объявления разделов абзацев, которые имеют гораздо лучшие способы сделать это семантически. См. Кровать и BReakfast.
Есть случаи, когда это правильный тег для использования, но он злоупотребляет достаточно часто, чтобы люди применяли "не использовать" менталитет, чтобы заставить лучшее семантическое мышление.
Что имела в виду ваша команда, вероятно, не использовать <br> s для разделения между абзацами.
<p>I am a paragraph</p>
<p>I am a second paragraph</p>
- лучший способ сделать это, потому что вы можете легко отрегулировать пробелы между абзацами через CSS. Помимо этого, я не могу думать ни о чем, говоря снова о разрывах строк как таковых.
Такая же концепция применяется к тому, почему мы не используем таблицы для макета - используйте таблицы для таблиц и CSS для макета.
Используйте <br/> для строк разрыва в блоке текста и CSS, если вы хотите повлиять на макет.
Указание компоновки напрямую затрудняет адаптацию сайта для разных размеров страниц или шрифтов, например.
Обычно я всегда устанавливаю соответствующие поля и дополнения для элементов с помощью CSS - это намного менее беспорядочно, чем нагрузки <br /> по всему месту, кроме того, что они более семантически правильны.
Вероятно, единственный раз, когда я использовал бы <br /> в предпочтении полям и дополнениям, установленным CSS, даже если это не строго технически правильно, это если это был отдельный инцидент, в котором требуется немного больше места. Если бы у меня была большая таблица стилей, и мне казалось, что не нужно настраивать дополнительный стиль только для этого случая, я могу использовать <br /> как одноразовый.
Как и большинство вещей, <br /> не плохо, если они используются правильно.
Они должны использоваться для представления новых строк. Больше ничего. Не заполнять пространство, как на среднем месте географии. Однако существует только один случай, когда они могут быть полезны для других целей, кроме как положить новую строку: очистить поплавки.
<br style="clear: both;">
<br /> следует использовать только для разрывов строк, а не для применения стиля к странице. Например, если вам нужно дополнительное пространство между абзацами, дайте им класс и примените дополнительное дополнение к абзацам. Не распространяйте свои абзацы с помощью <br /><br ><br />
Не используйте три или более последовательных <br> s, которые вы используете для стилистических целей, и нет, вы не должны.
Некоторые сказали бы, что одного <br> достаточно, и вместо двух вы должны использовать <p></p>, но есть ситуации (например, сценарии), в которых вы хотите ввести более длительную паузу, не подразумевая смены темы или новой период начинается, как правило, как правило.
Я пытаюсь написать свою разметку таким образом, чтобы ее легко читать с отключенным CSS. Если вы просто используете BR для добавления интервала, лучше использовать поля и отступы.
Они в порядке, если они используются соответствующим образом. Например, вы не должны использовать их вместо тегов <p> или создавать промежутки между элементами. Вероятно, вы делаете что-то неправильно, если у вас есть два подряд.
Если вы сделаете это: <BR/> <BR/>
Вы получите разный макет в разных браузерах.
Глубже:
Если вы используете <BR/> только для разрывов строк - нормально.
Если вы используете <BR/> в качестве разделителя строк - не в порядке.
В HTML (до HTML 4): используйте <br>
В HTML 5: <br> является предпочтительным, но <br/> и <br /> также приемлемы
В XHTML: <br /> является предпочтительным. Можно также использовать <br/> или <br></br>
Таким образом, использование тега <br> является вполне допустимым HTML. Но использование <br> не рекомендуется?
Основная причина, по которой не использовать <br>, - это не семантический тег и внутри него нет содержимого. Его использование можно избежать, например,
<p>some<br>text<p>
может быть помечен без <br> как
<p>some</p>
<p>text<p>
Если вы используете <br> другую цель, такую как верхний интервал и т.д., которые могут быть достигнуты с помощью свойства CSS margin.