Exemplu
Folosind <details> elementul:
<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>
Încearcă - l singur » Definiție și utilizare
În <details> etichetă specifică detalii suplimentare pe care utilizatorul poate vizualiza sau a ascunde la cerere.
Cele <details> tag - ul poate fi folosit pentru a crea un widget interactiv care utilizatorul poate deschide și închide. Orice fel de conținut poate fi pus în interiorul <details> tag - ul.
Conținutul unui <details> elementul nu ar trebui să fie vizibil cu excepția cazului în open atributul este setat.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin elementul.
| Element | |||||
|---|---|---|---|---|---|
| <details> | 12,0 | Nu sunt acceptate | 48,0 | 6 | 15.0 |
Diferențe între HTML 4.01 și HTML5
<details> tag - ul este nou în HTML5.
Sfaturi și note
Tip: <summary> tag - ul este folosit pentru a specifica o poziție vizibilă pentru detalii. Titlul se poate face clic pentru a vizualiza / ascunde detaliile.
atribute
= Nou în HTML5.
| Atribut | Valoare | Descriere |
|---|---|---|
| open | open | Specifică faptul că detaliile ar trebui să fie vizibile (open) pentru utilizator |
Atribute globale
<details> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<details> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .
Pagini similare
HTML de referință DOM: Details obiect
Setări implicit CSS
Cele mai multe browsere vor afișa <details> Element cu următoarele valori implicite:
details {
display: block;
}