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

Question

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

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

Answer 1

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

<br style="clear: both;">

Answer 2

Вот пример того, как <br> может отрицательно повлиять на стилизацию (запустить фрагмент для визуальных элементов)

(обратите внимание на смещенную кнопку и нечетное пространство справа):

button {
  width: 70px;
  height: 70px;
}
#arrows {
  border: solid thin red;
  display: inline-block;
}
#arrows span:first-of-type { 
  text-align: center; 
  display: block;
}
#moveUp {
  margin: 0;
}
/* In the current case instead of <br> use display */
/*
#arrows span:last-of-type { 
  display: block;
}
*/

<div id="arrows">
  <span>
    <button id="moveUp" value="üles">&uarr;</button> 
  </span>
  <button id="moveLeft" value="vasakule">&larr;</button> 
  <button id="moveDown" value="alla">&darr;</button> 
  <button id="moveRight" value="paremale">&rarr;</button> 
  <br>    <!-- note the shifted button and odd space on right -->
  <span>or move with keyboard arrows</span>
</div>

Answer 3

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

Answer 4

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

Answer 5

Я пытаюсь написать свою разметку так, чтобы она была легко читаемой при отключенном CSS. Если вы просто используете BR для добавления пробелов, лучше использовать поля и отступы.