<br> - элемент переноса строки
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
HTML-элемент <br>
устанавливает перевод строки в тексте (возврат каретки). Он полезен при написании поэмы или адреса, где важно деление на строки.
Интерактивный пример
Атрибуты
Этот элемент включает в себя глобальные атрибуты.
Устаревшие атрибуты
clear
-
Определяет, где начинается следующая строка после перевода строки.
Стилизация с CSS
Элемент <br>
имеет единственную цель – создать разрыв линии в блоке текста. Таким образом, он не имеет размеров или визуального стиля как такового. Есть всего несколько свойств, которые вы можете стилизовать.
Вы можете установить значение margin
на <br>
чтобы увеличить расстояние между линиями в блоке, но это плохая практика – лучше использовать свойство line-height
для этой цели.
Примеры
Простой br
В следующем примере мы используем элемент <br>
для разрыва линий в почтовом адресе:
Mozilla<br />
331 E. Evelyn Avenue<br />
Mountain View, CA<br />
94041<br />
USA<br />
Результат будет выглядеть так:
Проблемы доступности
Разделять абзацы в тексте, используя <br>
не только плохая практика, но и проблема для людей, которые используют программы чтения с экрана. Программы чтения могут сообщать о наличии элемента, но не содержимом в <br>
. Это может привести к путанице и разочарованию для человека, использующего программу чтения с экрана.
Техническая сводка
- Категории контента Основной поток, текстовый контент.
- Разрешённое содержимое Отсутствует, это пустой элемент.
- Пропуск теговДолжен иметь открывающий тег, но не закрывающий тег. В XHTML документах элемент пишется как
<br />
. - Допустимые родительские элементы Любой элемент, который поддерживает текстовый контент.
- Интерфейс DOM
HTMLBRElement
Спецификации
Specification |
---|
HTML Standard # the-br-element |
Совместимость с браузерами
BCD tables only load in the browser