Тег hr в HTML

Тег <hr> в HTML

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

<head>
  <title>Тег hr в HTML</title>
</head>
<body>
  <h2>Тег hr в HTML</h2>
  Элемент hr используется для тематического разрыва между элементами уровня абзаца.
  <p>Текст над линией</p>
  <hr>
  <p>Текст под линией</p>
  Обычно он отображается как горизонтальная линия.
</body>
где используется тег hr

Элемент <hr> — разделитель, а не граница

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

Атрибуты, применяемые к тегу <hr>

АтрибутыЗначения
colorопределяет цвет линии
widthзадает ширину линии
sizeрегулирует толщину линии
noshadeделает линию без 3d эффектов
alignпоказывает выравнивание линии

4 комментария к “Тег hr в HTML”

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *