FrontendBook - Работа с тегом hr

Работа с тегом <hr>

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

Базовый синтаксис

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

Атрибуты <hr> тега

Тег <hr> принимает такие атрибуты, как width, color, size и align.

Атрибут ширины

Атрибут width используется для указания ширины <hr> тега. В качестве значения принимает пиксели или проценты.

Атрибут цвета

Атрибут color используется для указания цвета <hr> тега. 


<hr width="50%" color="green">

Атрибут размера

Вы можете определить высоту <hr> тега с помощью size атрибута. Значение должно быть установлено в пикселях.


<hr width="50%" color="green" size="50px">

Атрибут выравнивания

Атрибут align используется для установки выравнивания <hr> тега. Он принимает значения left, center и right

По умолчанию используется левое значение — это означает, что если выравнивание не установлено, <hr> тег автоматически выравнивается по левому краю.

Заключение

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

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

Но вы не должны этого делать, потому что горизонтальное правило выглядит как есть только презентационно, а не семантически. Вместо этого вы должны нарисовать линию с помощью div или span в зависимости от обстоятельств.