HTML таг hr
Пример
Кратък пример как се използва тагът <hr>.
<h1>Заглавие на страница</h1>
<p>Това е уводният параграф на страницата.</p>
<hr>
<h2>Следваща секция</h2>
<p>Съдържание на следващата секция след хоризонталната линия.</p>Дефиниция и употреба
Виж как се ползва тагът <hr>.
Тагът <hr> (horizontal rule) се използва за визуално и семантично разделяне на съдържание в HTML документа. Той обозначава тематична пауза или промяна в съдържанието, например преминаване към нова секция, нова тема или различна част от текущата тема.
<hr> е самозатварящ се (void) елемент – не изисква затварящ таг </hr>. По подразбиране браузърите го визуализират като хоризонтална линия с пълна ширина на контейнера. В HTML5 елементът има семантично значение: указва тематично разделяне, а не просто декоративна линия.
Стилът на линията може да се променя чрез CSS – например дебелина, цвят, дължина, подравняване и разстояния. Често се използват класове от CSS фреймуърци като Bootstrap, за да се постигне по-добра визуална интеграция с останалия дизайн.
Примери за употреба:
- Разделяне на различни секции в статия или блог пост.
- Отделяне на съдържание от футър или подпис.
- Маркиране на преход между различни стъпки в инструкция или ръководство.
Препоръчително е <hr> да се използва, когато наистина има логическо разделяне на съдържанието, а не само за декоративни линии. За чисто декоративни ефекти е по-добре да се използват CSS граници или псевдо-елементи.
Browser Support
| Browser | Поддръжка |
|---|---|
 Chrome |
✔️ |
 Firefox |
✔️ |
 Edge |
✔️ |
 Safari |
✔️ |
 Opera |
✔️ |
Атрибути
Този елемент няма специфични атрибути.