Тег <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 | Определяет горизонтальное выравнивание содержимого элемента hr |
| noshade | Определяет, что горизонтальная линия не должна иметь тень |
| size | Определяет высоту горизонтальной линии |
| width | Определяет ширину горизонтальной линии |
Общие атрибуты
Тег <hr> поддерживает общие атрибуты и атрибуты-события.
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;
}
HTML пример использования
Используем тег <hr> для тематического разделения контента:
<h1>HTML</h1>
<p>HTML – язык описания веб-страниц.</p>
<hr>
<h1>CSS</h1>
<p>CSS — определяет то, как будут отображаться HTML элементы.</p>
