A details tag
A details tag spoilert készít HTML-ben,
azaz olyan információhoz használják, amelyet
el lehet rejteni vagy megjeleníteni a felhasználó igénye szerint.
Alapértelmezésben a tag tartalma rejtett, ahhoz,
hogy a felhasználó kérésére megjelenjen, hozzá kell
adni a
summary taget, amely címet ad
a details tagnak. Ez a cím mindig
látható az oldalon (még akkor is, ha a details
tartalma összecsukott állapotban van), és rá
lehet kattintani a rejtett szöveg kibontásához
vagy összecsukásához.
A rejtett tartalom megjelenítéséhez használható
a details tag open attribútuma is
(például a details tartalmának megjelenítéséhez
JavaScript segítségével).
Példa
Nézzük meg, hogyan működik a details tag:
<details>
<summary>kattints rám</summary>
rejtett szöveg
</details>
:
Lásd még
-
a
hiddenattribútum,
amely elrejti a blokkokat az oldalon
