Paolo De Feo
a- a+

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.



Ti potrebbe interessare anche

commenta la notizia

C'è 1 commento
Marcello
Ti è piaciuto l'articolo?