<br>
- 25 января 2023
Что делает тег
Тег <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.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Глобальные атрибуты HTML
Список основных атрибутов, которые подойдут ко всему.
- 29 марта 2023
Как добавить раздел на страницу. Тег <div>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Список описаний. Тег <dl>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Пункт выпадающего списка. Тег <option>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023