HTML тег <hr>

❮ Назад Вперед ❯

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

Синтаксис

Тег <hr> одинарный, закрывающий тег не требуется. Однако в XHTML закрывающий тег (<hr/>) обязателен.

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

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
  </head>
  <body>
    <h1>Изучение HTML</h1>
    <p>Этот учебник по HTML научит вас основам языка гипертекстовой разметки и тому, как сделать ваш сайт с нуля.</p>
    <hr>
    <h1>Изучение CSS</h1>
    <p>В нашем руководстве по CSS вы узнаете, как использовать CSS для управления стилем и макетом сразу нескольких веб-страниц.</p>
  </body>
</html>

Попробуйте сами!

Результат

Атрибуты тега <hr> не поддерживаются в HTML5, вместо них используйте CSS стили.

Атрибуты

Атрибут	Значение	Описание
align	left center right	Задает горизонтальное выравнивание линии. Не поддерживается в HTML5.
noshade	noshade	Определяет, что линия будет изображаться без трехмерных эффектов. Не поддерживается в HTML5.
size	pixels	Устанавливает толщину линии. Не поддерживается в HTML5.
width	pixels %	Устанавливает ширину линии. Не поддерживается в HTML5.