Перейти к содержимому

HTML-тег <br>

Определение

HTML-тег <br> определяет перенос строки. В отличие от тега <p>, который создает абзац, тег <br> просто переносит следующий текст на новую строку, не добавляя дополнительного вертикального пространства.

Пример br

Синтаксис

Тег <br> является пустым элементом в HTML5, то есть не требует закрывающего тега. Однако в XHTML он должен быть самозакрывающимся (<br />).

Пример использования HTML-тега <br>:

Пример тега br

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h1>Example of the &lt;br&gt; tag usage.</h1>
    <p> Inside the paragraph, we can put the tag &lt;br /&gt;, <br /> to transfer a part of the text to another line if necessary.</p>
  </body>
</html>

Применение

Тег <br> используется для создания переносов строк. Он полезен при написании адресов, стихов или текстов песен.

DANGER

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

Пример использования HTML-тега <br> для переноса строк:

HTML-тег br

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h1>Example of the &lt;br&gt; tag usage</h1>
    <blockquote>
      But I'm not the only one<br />
      I hope some day you'll join us<br />
      And the world will live as one.<br />
    </blockquote>
    <cite>John Lennon "imagine"</cite>
  </body>
</html>

Атрибуты

АтрибутЗначениеОписание
clearallОчистка обтекания с обеих сторон. Не используется в HTML5.
clearleftОчистка обтекания с левой стороны. Не используется в HTML5.
clearrightОчистка обтекания с правой стороны. Не используется в HTML5.
clearnoneОтменяет действие атрибута clear. Не используется в HTML5.

Тег <br> поддерживает глобальные атрибуты и атрибуты событий.

Практика

Какова цель HTML-тега <br> и как он используется?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.