Il tag details
Vediamo a cosa serve e come si usa il tag HTML5 details.
Il tag <details> serve a specificare dettagli informativi che l’utente può visualizzare o nascondere a richiesta. I contenuti inglobati in questo tag possono essere accompagnati dall’attributo “open”, che definisce se il data container supplementare debba essere mostrato aperto o chiuso al navigatore. Se non si specifica alcun attributo, il data container viene mostrato di default come chiuso. Al momento non è supportato da alcun browser.
Viene usato insieme al tag <summary> per creare una sorta di “titolo” dei dettagli che l’utente andrà a leggere.
Esempio:
<details><summary>Copyright Azienda X 2011.</summary><p>Tutte I marchi sono di proprietà dell’Azienda X.</p></details>
Può risultare utile per didascalie, descrizioni di immagini, per indicare dettagli particolari non essenziali.