САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ

HTML Тег <hr> разрыв



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

Пример

<h1>HTML</h1>
<p>HTML - язык для описания веб-страниц.....</p>

<hr>

<h1>CSS</h1>
<p>CSS определяет, как отображать элементы HTML.....</p>
Попробуйте сами »

Определение и использование

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

Tег <hr> используется для разделения содержимого (или определения изменения) на HTML странице.


Поддержка браузеров

Числа в таблице указывают первую версию браузера, которая полностью поддерживает элемент..

Элемент
<hr> Да Да Да Да Да

Различий между HTML 4.01 и HTML5

В HTML5, тег <hr> определяет тематический перерыв.

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

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

Все атрибуты макета удаляются в HTML5. Используйте в CSS.


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

В HTML, тег <hr> не имеет закрывающего тега.

В XHTML, тег <hr> тег должен быть закрыт, как: <hr />.


Атрибуты

Атрибут Значение Описание
align left
center
right
Не поддерживается в HTML5.
Задает выравнивание элемент <hr>
noshade noshade Не поддерживается в HTML5.
Указывает, что элемент <hr> должен отображать один сплошной цвет (noshaded), вместо закрашенным цветом
size pixels Не поддерживается в HTML5.
Задает высоту элемента <hr>
width pixels
%
Не поддерживается в HTML5.
Задает ширину элемента <hr>

Глобальные атрибуты

Tег <hr> также поддерживает Глобальный атрибут в HTML.


Атрибуты событий

Tег <hr> также поддерживает Атрибуты событий в HTML.


Связанные страницы

Справочник HTML DOM: Объект 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;
}
Попробуйте сами »