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

Тег <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.


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

ТелеграмПодкастБесплатные учебники

Читать дальше

<ul>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023