Справочник · HTML

hr: тематический разрыв

hr означает переход к другой теме, а не просто декоративную линейку.

Как это работает

Его ставят между крупными частями, если нет заголовка, который и так делит текст. Внешний вид линии настраивается CSS. Не подменяй hr верхней рамкой каждого блока и не ставь его после каждого абзаца. У тега нет закрывающей пары. Если следующий кусок можно назвать, лучше дай ему h2.

<section>...</section>
<hr>
<section>
  <h2>Другая тема</h2>
</section>

Когда использовать

Смена темы в длинной заметке. В интерфейсе карточек разделение делают фоном и отступом.

Частые ошибки

• Линия стоит между каждыми двумя абзацами.
• hr заменяет заголовок, и раздел нельзя назвать.
• Линию ждали как рамку карточки.