<br>: Елемент розриву рядка

{{HTMLSidebar}}

Елемент HTML <br> (розрив) утворює розрив строю рядка тексту (повернення каретки). Це корисно для написання вірша чи адреси, коли поділ на окремі рядки – важливий.

Спробуйте його в дії

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

Примітка: Не слід застосовувати <br> для створення відступів між абзацами; абзаци слід загортати в елементи <p> і застосовувати властивість CSS margin для контролю їх розміру

Атрибути

Атрибути цього елемента включають глобальні атрибути.

Нерекомендовані атрибути

clear

Вказує, де повинен початися новий рядок після розриву.

Оформлення засобами CSS

Елемент <br> має єдине, чітко визначене призначення: утворювати розрив рядка в блоці тексту. Таким чином, він не має власних розмірів чи власного візуального представлення, і можна небагато що змінити в його оформленні.

Можна задати елементам <br> margin, аби збільшити відступ між рядками тексту в блоці, проте це є недоброю практикою: слід використовувати властивість line-height, розроблену для цієї потреби.

Приклади

Простий br

В наступному прикладі елементи <br> застосовуються для утворення розривів між окремими рядками поштової адреси:

Макагон Петро Миколайович<br />
вул. Зелена, 4, кв. 123<br />
сел. Вишневе, Магдалинівський район, Дніпропетровська область<br />
51164<br />
Україна<br />

Результат

Занепокоєння щодо доступності

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

Слід використовувати елементи <p> і властивості CSS, як то margin, для контролю відступів між ними.

Технічний підсумок

Категорії вмісту Потоковий вміст, оповідальний вміст.
Дозволений вміст Жодного; це пустий елемент.
Упускання тега Мусить мати початковий тег і не мати кінцевого тега. В документах XHTML цей елемент слід записувати як <br />.
Дозволені батьківські елементи Всі елементи, що приймають оповідальний вміст.
Неявна роль ARIA Немає відповідної ролі
Дозволені ролі ARIA none, presentation
Інтерфейс DOM HTMLBRElement

Специфікації

Сумісність із браузерами

desktop mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on iOS Samsung Internet
br
Chrome Full support 1
Edge Full support 12
Firefox Full support 1
Internet Explorer Full support Yes
Opera Full support Yes
Safari Full support Yes
WebView Android Full support Yes
Chrome Android Full support Yes
Firefox for Android Full support 4
Opera Android Full support Yes
Safari on iOS Full support Yes
Samsung Internet Full support Yes
clear
Deprecated
Chrome Full support 1
Edge Full support 12
Firefox Full support 1
Internet Explorer Full support Yes
Opera Full support Yes
Safari Full support Yes
WebView Android Full support Yes
Chrome Android Full support Yes
Firefox for Android Full support 4
Opera Android Full support Yes
Safari on iOS Full support Yes
Samsung Internet Full support Yes

Дивіться також