Addio tag hgroup

Uno dei motivi principali per cui questo elemento è stato rimosso dalle specifiche è che non ha molto da offrire in termini di semantica. Vediamo perchè.
Addio tag hgroup

Lo scopo del tag hgroup

L’uso del tag hgroup implementato nell’HTML5 era quello di raggruppare un insieme di voci e sottovoci (h1,h2,h3…) in ordine di importanza. E’ stato pensato ad esempio quando un titolo aveva più livelli, come sottotitoli, titoli alternativi e tagline. Ma scrivere un codice del genere non è semanticamente corretto:

<hgroup>
    <h1>Il Signore degli Anelli:</h1>
    <h2>Le Due Torri</h2>
</hgroup>

L’elemento hgroup è da rimuovere

All’inizio del mese di marzo scorso Steve Faulkner (co-editore della specifica HTML5 del W3C) ha chiesto di rivisitare l’utilità dell’elemento hgroup per diversi motivi.

  • Non specifica chiaramente quando una voce è un sottotitolo.
  • Non è semanticamente corretto.
  • Il tag hgroup non è altro che un div con un nome diverso.
  • Attualmente pochi siti lo implementano

Un alternativa all’hgroup

Esistono diverse soluzioni per creare un titolo di sezione con un sottotitolo di accompagnamento. In sostanza sono quelle che abbiamo sempre utilizzato prima dell’HTML5.

Quello più semplice è con la punteggiatura.

<header>
    <h1>Il Signore degli Anelli: Le Due Torri</h1>
</header>

Utilizzare un paragarafo come sottotitolo.

<header>
    <h1>Il Signore degli Anelli:</h1>
    <p>Le Due Torri</p>
</header>

Utilizzare un span all’interno di un elemento h1. Tramite lo stile andiamo poi a posizionarlo come sottotitolo di accompagnamento.

<h1>Il Signore degli Anelli:
    <span>Le Due Torri</span> 
</h1>

Usando l’attributo for.

<header>
    <h1 id="logo">Il Signore degli Anelli:</h1>
    <p for="logo">Le Due Torri</p>
</header>

L’attributo for serve ad associare due elementi attraverso un’etichetta. A differenza dell’hgroup l’elemento al quale è associato può essere posizionato in un punto qualsiasi della pagina.

Cosa devo fare se ho usato l’hgroup nel codice?

Direi di non farci molto caso visto che i browser continuano ancora a supportarlo. Magari possiamo ritrovarcelo nell’HTML5.1 (con un funzionamento efficace) e in quel caso avremmo fatto molto male ad eliminarlo. E’ anche probabile però che in futuro i browser potrebbero rimuoverlo…in quel caso sarà visto come una qualsiasi etichetta sconosciuta. Eviterei ovviamente di implemenentarlo nei nuovi progetti.

Conclusioni

Sinceramente non ho mai avuto l’esigenza di usarlo, forse perchè non ne avevo ancora compreso bene l’utilità, che in realtà pare non esserci. Quindi non credo che la rimozione dalle specifiche sia stata una cosa negativa.

Tu cosa ne pensi? Hai mai usato l’elemento hgroup in qualche progetto? Parliamone.

Fonti

http://html5doctor.com/the-hgroup-hokey-cokey/
http://www.brucelawson.co.uk/2013/farewell-hgroup/
http://www.sitepoint.com/html5-hgroup-element-dropped/

Search
Tags
Seleziona rubrica
Seleziona rubrica
Codice Github