HTML тег hr

Тег <hr> определяет тематический разрыв контента на HTML странице (например, изменение темы). Также, элемент <hr> может использоваться для визуального разделения контента на странице.

Разница между HTML 4.01 и HTML5

В HTML 4.01 тег <hr> представляет горизонтальную линию.

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

В HTML5 все стилевые атрибуты были удалены. Вместо них следует использовать стили CSS.

Различия между HTML и XHTML

В HTML тег <hr> - одиночный элемент без закрывающего тега. В XHTML тег <hr> должен закрываться должным образом, а именно — <hr />.

Атрибуты тега <hr>
Атрибут Описание
align Определяет горизонтальное выравнивание содержимого элемента
noshade Определяет, что горизонтальная линия не должна иметь тень
size Определяет высоту горизонтальной линии
width Определяет ширину горизонтальной линии

Общие атрибуты

Тег <hr> поддерживает общие атрибуты и атрибуты-события.

HTML пример

Используем тег <hr> для тематического разделения контента:


<h1>HTML</h1>
<p>HTML – язык описания веб-страниц.</p>
<hr>
<h1>CSS</h1>
<p>CSS — определяет то, как будут отображаться HTML элементы.</p>

CSS стили по умолчанию

Большинство браузеров будут отображать тег <hr> со следующими стилями


hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}