Manuale di riferimento HTML

Completo elenco dei tag HTML

Tag HTML: <details>

L'elemento HTML <details> può creare un appendice che viene visualizzato solo quando viene切换 a stato espanso, fornendo informazioni contenute. L'elemento <summary> può fornire un riassunto o un etichetta per questo componente.

Esempio online

Utilizzo dell'elemento <details>:

Esempio

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Utilizzo del tag details in HTML5 (Base Tutorial Network oldtoolbag.com)</title>
</head>
<body>
<details>
　　　　<summary>Dettagli</summary>
　　　　Qualcosa di piccolo abbastanza da sfuggire all'attenzione casuale.（Base Tutorial Network oldtoolbag.com）
</details>
</body>
</html>

Prova a vedere ‹/›

Come si comporta:

Compatibilità del browser

IEFirefoxOperaChromeSafari

Al momento, solo Chrome e Safari 6 supportano l'etichetta <details>.

Definizione e istruzioni per l'uso dell'etichetta

L'etichetta <details> definisce dettagli supplementari visibili o nascosti richiesti dall'utente.

L'etichetta <details> viene utilizzata per fornire controlli interattivi di apertura/chiusura per l'utente. Qualsiasi tipo di contenuto può essere messo all'interno dell'etichetta <details>.

Il contenuto dell'elemento <details> è invisibile all'utente, a meno che non sia impostata la proprietà open.

Differenze tra HTML 4.01 e HTML5

L'etichetta <details> è una nuova etichetta in HTML5.

Suggerimenti e avvertenze

Suggerimento:Con <summary> L'uso congiunto dei tag può definire un titolo per <details>. Il titolo è visibile e quando l'utente clicca sul titolo, viene visualizzato <details>.

Proprietà

New: Nuove proprietà in HTML5.

Proprietà	Valore	Descrizione
ApertoHTML5	Aperto	Determina se <details> è visibile.

Proprietà globali

Supporto <details> etichetta Proprietà globali HTML.

Proprietà degli eventi

Supporto <details> etichetta Proprietà degli eventi HTML.

Tag HTML: <dfn>Tag HTML: <del>