Gli ultimi tutorial di sviluppo web
 

HTML <summary> Tag


Esempio

Utilizzando la <summary> elemento:

<details>
  <summary>Copyright 1999-2014.</summary>
  <p> - by Refsnes Data. All Rights Reserved.</p>
  <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
Prova tu stesso "

Definizione e utilizzo

Il <summary> tag definisce un titolo visibile per il <details> elemento. Il titolo può essere cliccato per visualizzare / nascondere i dettagli.


Supporto per il browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'elemento.

Elemento
<summary> 12.0 Non supportato 48.0 6.0 15.0

Differenze tra HTML 4.01 e HTML5

Il <summary> tag è nuovo in HTML5.


Suggerimenti e Note

Nota: Il <summary> elemento dovrebbe essere il primo elemento figlio del <details> elemento.


attributi globali

Il <summary> tag supporta anche l' Attributi globali in HTML .


Attributi eventi

Il <summary> tag supporta anche l' evento Attributi in HTML .


Pagine correlate

Di riferimento HTML DOM: Summary Object


Impostazioni predefinite CSS

La maggior parte dei browser visualizzerà il <summary> elemento con i seguenti valori di default:

summary {
    display: block;
}