Details-silt

Silt details loob HTML-i spoileri, mida kasutatakse info jaoks, mida saab kasutaja soovi peale peita või näidata.

Vaikimisi on sildi sisu peidetud. Selle näitamiseks kasutaja nõudel tuleb lisada silt summary, mis määrab pealkirja sildile details. See pealkiri on alati lehel nähtav (isegi kui details sisu on ahendatud olekus) ja sellele saab klõpsata, et laiendada peidetud teksti või ahendada seda.

Peidetud sisu näitamiseks saab kasutada ka sildi details atribuuti open (näiteks details sisu näitamiseks JavaScripti abil).

Näide

Vaatame, kuidas silt details töötab:

html<details>
  <summary>klõpsa mind</summary>
  peidetud tekst
</details>

Результат:

Vaata ka

  • atribuut hidden,
    mis peidab lehel olevaid blokke