<br> Элемент переноса строки HTML

Элемент <br> 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;
}

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

Атрибуты

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

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

clear

Указывает, с какого места начинать следующую строку после переноса.

Оформление с помощью CSS

У элемента <br> есть единственное четко определенное назначение — создавать перенос строки в текстовом блоке. Поэтому у него нет собственных размеров или визуального представления, и возможности его оформления весьма ограничены.

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

Доступность

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

Используйте элементы <p> и управляйте расстоянием между ними с помощью свойств CSS, таких как margin.

Примеры

Основы br

В следующем примере мы используем элементы <br>, чтобы разделить переносами строки разные строки почтового адреса:

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

Результат

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

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

Совместимость с браузерами

См. также

• элемент <address>
• элемент <p>
• элемент <wbr>