Тег <hgroup>

Тег <hgroup> використовується для групування заголовків веб-сторінки або розділу. Усередині розміщуються теги заголовків від <h1> до <h6>. Цей тег був вилучений з версії HTML від W3C, проте залишився в версії WHATWG, майбутнє елемента поки не визначене.

Синтаксис

<hgroup>
  </hgroup>

Атрибути

Немає.

Закриваючий тег

Обов'язковий.

Приклад

<!DOCTYPE html>
  <html>
    <head>
      <meta charset="utf-8">
      <title>hgroup</title>
    </head>
    <body>
      <hgroup>
        <h1>Кристина Ветрова</h1>
        <h2>Персональний сайт</h2>
      </hgroup>
    </body>
  </html>

Браузери

Internet Explorer до версії 8.0 включно ігнорує тег <hgroup>, але відображає його вміст.

Firefox повністю підтримує цей тег починаючи з версії 4.0, але версії 3.0 і старші також коректно відображають вміст тега.

Часті запитання

Q: Як використовувати тег <hgroup> в HTML?

A: Тег <hgroup> використовується для об'єднання заголовків <h1>-<h6> в групу заголовків, яка представляє собою заголовок або розділ документа.
Q: Які елементи можна вкладати в тег <hgroup>?

A: Тег <hgroup> можна вкладати в елементи <header>, <section>, <article>, <aside> або будь-який інший блочний елемент.
Q: Чи рекомендується використовувати тег <hgroup> в HTML5?

A: У специфікації HTML5 тег <hgroup> позначений застарілим і його використання не рекомендується. Замість нього рекомендується використовувати структуру заголовків без <hgroup>.
Q: Які проблеми можуть виникнути при використанні тегу <hgroup>?

A: Одна з проблем - неправильне інтерпретування пошуковими системами. Деякі пошукові системи можуть вважати заголовок внутрішнього <hgroup> менш важливим, ніж заголовок зовнішнього <hgroup>.
Q: Як правильно стилізувати тег <hgroup> за допомогою CSS?

A: Тег <hgroup> можна стилізувати за допомогою CSS, використовуючи селектори <hgroup> та вкладені в нього заголовки <h1>-<h6>. Наприклад, можна задати розмір шрифту або колір тексту.