Details թեգ
details թեգը ստեղծում է սպոյլեր HTML-ում,
այսինքն օգտագործվում է այն տեղեկատվության համար,
որը կարելի է թաքցնել կամ ցուցադրել օգտատիրոջ ցանկությամբ:
Լռելյայնորեն թեգի պարունակությունը թաքցված է,
այն օգտատիրոջ պահանջով ցուցադրելու համար պետք է
ավելացնել
summary թեգը, որը նշում է վերնագիր
details թեգի համար: Այս վերնագիրը միշտ
տեսանելի է էջում (նույնիսկ եթե details-ի պարունակությունը
գտնվում է փակ վիճակում) և դրա վրա կարելի է
կտտացնել թաքնված տեքստը բացելու
կամ փակելու համար:
Նաև թաքնված պարունակությունը ցուցադրելու համար կարելի է
օգտագործել open ատրիբուտը details թեգի
(օրինակ՝ details-ի պարունակությունը ցուցադրելու
համար JavaScript-ի միջոցով):
Օրինակ
Եկեք տեսնենք, թե ինչպես է աշխատում details թեգը:
<details>
<summary>click me</summary>
hidden text
</details>
:
Տեսնել նաև
-
hiddenատրիբուտը,
որը թաքցնում է բլոկները էջում