Чи іноді погано використовувати <BR />?

Чи іноді погано використовувати <BR/>теги?

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

Основна причина невикористання <br>- це не семантична . Якщо ви хочете два елементи в різних візуальних блоках, ви, ймовірно, хочете їх у різних логічних блоках.

У більшості випадків це, наприклад <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 .

Бувають випадки, коли це правильний тег для використання, але його зловживають досить часто, щоб люди сприйняли менталітет "не використовувати", щоб змусити краще семантичне мислення.

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

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

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

Ця ж концепція стосується того, чому ми не використовуємо таблиці для макета - використовуйте таблиці для таблиць і CSS для верстки.

Використовуйте <br/>для перерв рядків у текстовому блоці та CSS, якщо ви хочете вплинути на макет.

Вказання макета безпосередньо ускладнює адаптацію сайту для різних розмірів сторінки або шрифтів, наприклад.

Я, як правило, завжди встановлюю відповідні поля та набивання елементів за допомогою CSS - це набагато менш брудно, ніж навантаження <br />s у всьому місці, окрім того, що більш семантично правильне.

Напевно, єдиний раз, коли б я скористався <br />перевагою перед полями та накладками, встановленими CSS, навіть якщо це не є строго технічно правильним, якщо це був ізольований випадок, де потрібно було трохи більше місця. Якщо у мене досить великий аркуш стилів і не здається, що варто створювати додатковий стиль саме для цієї випадковості, я можу використовувати <br />як одноразовий.

Як і більшість речей, <br />s - це не погано, якщо вони використовуються правильно.

Я намагаюся записати свою розмітку таким чином, щоб її легко читали з відключеним CSS. Якщо ви просто використовуєте BR, щоб додати інтервали, краще використовувати поля та прокладку.

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

Вони повинні використовуватися для представлення нових рядків. Більше нічого. Не заповнювати простір, як, наприклад, на середньому сайті географічних міст. Однак є лише один випадок, коли вони можуть бути корисні для інших цілей, ніж розміщення нової лінії: для очищення поплавків.

<br style="clear: both;">

Не використовуйте три чи більше поспіль <br>s, це сигнал, що ви використовуєте їх для стилістичних цілей, і ні, ви не повинні.

Деякі кажуть, що одного <br>достатньо і замість двох вам слід використовувати <p></p>, але є ситуації (наприклад, екранізації), коли ви хочете ввести довшу паузу, не передбачаючи зміну теми чи початку нового періоду, як це робиться в абзаці.

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

Якщо ви це зробите: <BR/> <BR/>

Ви отримаєте різний макет у різних браузерах.

Глибше:
якщо ви використовуєте <BR/>лише для розривів рядків - добре.
Якщо ви використовуєте <BR/>як розпірку ліній - не нормально.

Ось приклад, як <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>

У 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>іншу мету, наприклад, пробіли тощо, які можна досягти за допомогою marginвластивості CSS .