Spec-Zone.ru › HTML

<br>: Элемент разрыва строки

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

Элемент <br> HTML создаёт разрыв строки в тексте (возврат каретки). Он полезен при написании стихотворения или адреса, где разделение строк имеет значение.

Попробуйте

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

Примечание: Не используйте <br> для создания отступов между абзацами; оберните их в элементы <p> и используйте свойство CSS margin для управления их размером.

Атрибуты

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

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

clear Устаревший

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

Стиль с помощью CSS

Элемент <br> имеет единственную, хорошо определённую цель — создать разрыв строки в блоке текста. Как следствие, у него нет размеров или визуального вывода, и вы можете сделать с ним очень мало.

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

Универсальный доступ

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

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

Примеры

Простой разрыв строки

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

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

Результат

Технический обзор

Категории контента Потоковый контент, Контент фразы.
Разрешённое содержимое Нет; это пустой элемент.
Пропуск тега Должен иметь стартовый тег и не должен иметь конечного тега. В XHTML-документах запишите этот элемент как <br />.
Разрешённые родительские элементы Любой элемент, который принимает контент фразы.
Неявная ARIA роль Нет соответствующей роли
Разрешённые ARIA роли none, presentation
Интерфейс DOM HTMLBRElement

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

Спецификация
Стандарт HTML
# the-br-element

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

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
br 1 12 1 15 1 18 4 14 1 1.0 4.4
clear 1 12 1 15 ≤4 18 4 14 ≤3.2 1.0 4.4

См. также

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

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API