<br>

Что делает тег

Тег <br> — это элемент переноса строки, он используется для создания новой строки или начала нового абзаца в блоке текста.

Синтаксис тега <br>

Это первая строка.<br>
Это вторая строка.

Спецификация HTML

Тег <br> является частью спецификации HTML Living Standard.

Семантический или нет

Тег <br> не считается семантическим, так как не придаёт никакого конкретного значения содержимому.

Примеры использования

Создание переносов строк в абзаце:

<p>Здесь есть немного текста.<br> 
Здесь есть еще немного текста.</p>

Добавление пробела между двумя элементами:

<h1> Добро пожаловать на мой сайт!</h1>
<br>
<p><Спасибо за визит! </p>

Разбиение длинного предложения на несколько строк:

<p>Посетите мой сайт: <a href="https://www.example.com">
   https://www.example.com</a><br>
   для получения дополнительной информации.
</p>

Для чего использовать тег <br>

• Создать новую строку в стихотворении.
• Добавить перенос строки в адресе.
• Начать новый абзац в сообщении.
• Разбить длинное имя на несколько строк.
• Создать маркированный список без использования тегов.
• Добавить разрыв строки после изображения.
• Создать подзаголовок.

Атрибуты тега <br>

У тега нет специфических атрибутов.

Глобальные атрибуты

Тег поддерживает все глобальные атрибуты HTML.

Ограничения тега

Тег <br> не следует использовать для управления интервалами или для оформления страницы сайта. Он должен использоваться только по своему прямому назначению — для переноса строки в тексте.

Нюансы

• Если тег <br> используется неправильно или чрезмерно, он может сделать текст трудночитаемым и негативно повлиять на доступность.
• Если тег используется внутри заголовка или элемента списка, он может повлиять на семантику документа.

Поддержка браузерами

Тег поддерживается всеми современными браузерами.

Актуальная информация — на сaniuse.

Альтернативные теги

Альтернативных тегов для тега <br> не существует.

Чем заменить тег

• Можно использовать тег <p> для создания нового абзаца вместо того, чтобы использовать тег <br> для переносов строк внутри абзаца.
• Можно также использовать CSS для управления междустрочным интервалом и оформлением.

Актуальность

Тег <br> является актуальным, можете использовать его в веб-разработке.

Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.