<br>: Елемент розриву рядка
Елемент HTML <br>
(розрив) утворює розрив строю рядка тексту (повернення каретки). Це корисно для написання вірша чи адреси, коли поділ на окремі рядки – важливий.
Спробуйте його в дії
Як видно з прикладу вище, <br>
включено в кожному місці, де потрібен розрив тексту. Текст після <br>
починається з початку наступного рядка текстового блоку.
Примітка: Не слід застосовувати
<br>
для створення відступів між абзацами; абзаци слід загортати в елементи<p>
і застосовувати властивість CSSmargin
для контролю їх розміру
Атрибути
Атрибути цього елемента включають глобальні атрибути.
Нерекомендовані атрибути
clear
Вказує, де повинен початися новий рядок після розриву.
Оформлення засобами CSS
Елемент <br>
має єдине, чітко визначене призначення: утворювати розрив рядка в блоці тексту. Таким чином, він не має власних розмірів чи власного візуального представлення, і можна небагато що змінити в його оформленні.
Можна задати елементам <br>
margin
, аби збільшити відступ між рядками тексту в блоці, проте це є недоброю практикою: слід використовувати властивість line-height
, розроблену для цієї потреби.
Доступність
Утворення окремих абзаців тексту за допомогою <br>
не лише є недоброю практикою; крім того, це проблемно для людей, котрі орієнтуються з допомогою технології читання з екрана. Читачі з екрана можуть оголосити присутність елемента, але не вмісту всередині <br>
. Це може заплутати й спантеличити особу, що використовує читач з екрана.
Слід використовувати елементи <p>
і властивості CSS, як то margin
, для контролю відступів між ними.
Приклади
Простий br
В наступному прикладі елементи <br>
застосовуються для утворення розривів між окремими рядками поштової адреси:
Макагон Петро Миколайович<br />
вул. Зелена, 4, кв. 123<br />
сел. Вишневе, Магдалинівський район, Дніпропетровська область<br />
51164<br />
Україна<br />
Результат
Технічний підсумок
Категорії вмісту | Потоковий вміст, оповідальний вміст. |
---|---|
Дозволений вміст | Жодного; це пустий елемент. |
Упускання тега |
Мусить мати початковий тег і не мати кінцевого тега. В документах XHTML цей елемент слід записувати як <br /> .
|
Дозволені батьківські елементи | Всі елементи, що приймають оповідальний вміст. |
Неявна роль ARIA | Немає відповідної ролі |
Дозволені ролі ARIA |
none , presentation
|
Інтерфейс DOM | HTMLBRElement |
Специфікації
Специфікація |
---|
HTML Standard (HTML) # the-br-element |
Сумісність із браузерами
desktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
br
|
Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | Internet Explorer Full support Так | Opera Full support Так | Safari Full support Так | WebView Android Full support Так | Chrome Android Full support Так | Firefox for Android Full support 4 | Opera Android Full support Так | Safari on iOS Full support Так | Samsung Internet Full support Так |
clear
|
Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | Internet Explorer Full support Так | Opera Full support Так | Safari Full support Так | WebView Android Full support Так | Chrome Android Full support Так | Firefox for Android Full support 4 | Opera Android Full support Так | Safari on iOS Full support Так | Samsung Internet Full support Так |