- элемент переноса строки

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨июль 2015 г.⁩.

HTML-элемент   устанавливает перевод строки в тексте (возврат каретки). Он полезен при написании поэмы или адреса, где важно деление на строки.

Интерактивный пример

<p> O’er all the hilltops<br /> Is quiet now,<br /> In all the treetops<br /> Hearest thou<br /> Hardly a breath;<br /> The birds are asleep in the trees:<br /> Wait, soon like these<br /> Thou too shalt rest. </p>

p { font-size: 1rem; font-family: sans-serif; margin: 20px; }

Как мы видим из примера выше, элемент   поставлен в том месте, где мы хотим перенести строку. Текст после   начинается со следующей строки текстового блока.

Примечание: Не используйте   для увеличения разрыва между строками в тексте; используйте CSS-свойство margin элемента .

Атрибуты

Этот элемент включает в себя глобальные атрибуты.

Устаревшие атрибуты

clear: Определяет, где начинается следующая строка после перевода строки.

Элемент   имеет единственную цель – создать разрыв линии в блоке текста. Таким образом, он не имеет размеров или визуального стиля как такового. Есть всего несколько свойств, которые вы можете стилизовать.

Вы можете установить значение margin на   чтобы увеличить расстояние между линиями в блоке, но это плохая практика – лучше использовать свойство line-height для этой цели.

Примеры

Простой br

В следующем примере мы используем элемент   для разрыва линий в почтовом адресе:

html

Mozilla<br /> 331 E. Evelyn Avenue<br /> Mountain View, CA<br /> 94041<br /> USA<br />

Результат будет выглядеть так:

Доступность

Разделять абзацы в тексте, используя   не только плохая практика, но и проблема для людей, которые используют программы чтения с экрана. Программы чтения могут сообщать о наличии элемента, но не содержимом в  . Это может привести к путанице и разочарованию для человека, использующего программу чтения с экрана.

Техническая сводка

Категории контента Основной поток, текстовый контент.
Разрешённое содержимое Отсутствует, это пустой элемент.
Пропуск теговДолжен иметь открывающий тег, но не закрывающий тег. В XHTML документах элемент пишется как  .
Допустимые родительские элементы Любой элемент, который поддерживает текстовый контент.
Интерфейс DOM HTMLBRElement