In questo articolo impareremo a conoscere il tag hgroup in HTML5, che è un tag utilizzato per racchiudere uno o più elementi di intestazione in un gruppo. Gli elementi di intestazione utilizzati per creare il titolo sono i tag da h1 -> h6.

1. Qual è il tag hgroup in HTML5?

hgroup è un tag aggiunto dalla versione HTML5. Il suo utilizzo viene utilizzato per raggruppare i tag da h1 -> h6 insieme, a condizione che questi tag h debbano trovarsi nello stesso tag di intestazione.

La sintassi del tag hgroup è la seguente :

 <hgroup> ... </hgroup>

Se c'è solo un tag h all'interno dell'intestazione, non è necessario dichiarare il tag hgroup .

 <article> <header> <h1>Tiêu đề</h1> </header> </article>

2. Quando usare il tag hgroup?

Come parte 1 ho detto, usiamo il tag hgroup solo nel caso in cui il tag di intestazione abbia molti tag h all'interno.

Come nell'esempio seguente, non uso hgroup, perché all'interno del tag di intestazione c'è solo un tag h1 .

 <article> <header> <h1>Tiêu đề</h1> <p>Đăng ngày 12 / 10 / 2021</p> </header> </article>

Ma l'esempio seguente è diverso, devo usare hgroup perché all'interno dell'intestazione ci sono due tag h1 e h2.

 <article> <header> <hgroup> <h1>TIêu đề chính</h1> <h2>Tiêu đề phụ</h2> </hgroup> </header> </article>

Nel caso in cui ci sia una descrizione all'interno dell'intestazione, non è necessario includere quella riga di descrizione nell'hgroup.

 <article> <header> <hgroup> <h1>Tiêu đề chính</h1> <h2> Tiêu đề phụ</h2> </hgroup> <p>Mô tả bài viết</p> </header> </article>

In sintesi, è necessario tenere a mente i seguenti problemi:

• Il tag hgroup è sempre all'interno del tag di intestazione, che è uno standard HTML5.
• Il tag hgroup contiene solo il contenuto all'interno del quale sono i tag da h1 -> h6.
• Tutte le altre carte devono essere piazzate all'esterno.

Quindi, ho finito di istruire su come utilizzare il tag hgroup in HTMl5. Questa carta è relativamente semplice e anche usata raramente. Ci vediamo al prossimo post.