Taggen details
Taggen details skapar en spoiler i HTML,
det vill säga används för information som
kan döljas eller visas enligt användarens önskemål.
Som standard är taggens innehåll dolt. För
att visa det på användarens begäran bör
man lägga till taggen
summary, som anger en rubrik
för taggen details. Denna rubrik är alltid
synlig på sidan (även om innehållet i details
är i ihopfällt tillstånd) och man kan
klicka på den för att expandera den dolda
texten eller fälla ihop den.
För att visa det dolda innehållet kan man
också använda attributet open på taggen details
(till exempel för att visa innehållet i details
med hjälp av JavaScript).
Exempel
Låt oss se hur taggen details fungerar:
<details>
<summary>click me</summary>
hidden text
</details>
:
Se även
-
attributet
hidden,
som döljer block på sidan