Тэг details
Тэг details стварае спойлер на HTML,
гэта значыць выкарыстоўваецца для інфармацыі, якую
можна схаваць альбо паказаць па жаданні карыстальніка.
Па змаўчанні змесціва тэга схавана, для
яго паказу па патрабаванні карыстальніка варта
дадаць тэг
summary, які паказвае загаловак
для тэга details. Гэты загаловак заўсёды
бачны на старонцы (нават калі змесціва details
знаходзіцца ў згорнутым стане) і па ім
можна пстрыкаць для разгортвання схаванага
тэксту альбо згортвання.
Таксама для паказу схаванага змесціва можна
выкарыстоўваць атрыбут open тэга details
(напрыклад, для паказу змесціва details
з дапамогай JavaScript).
Прыклад
Давайце паглядзім, як працуе тэг details:
<details>
<summary>click me</summary>
hidden text
</details>
:
Глядзіце таксама
-
атрыбут
hidden,
які хавае блокі на старонцы