Тег <details>
Тег <details> используется для хранения информации, которую можно скрыть или показать по требованию пользователя. По умолчанию содержимое тега не отображается, для изменения статуса применяется атрибут open.
поддержка браузерами:
IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS |
X | 12.0+ | 15.0+ | 6.0+ | X | 4.0+ | 6.0+ |
спецификация:
HTML: | 3.2 | 4.01 | 5.0 |
XHTML: | 1.0 | 1.1 |
синтаксис:
<details open="open">Текст</details>
закрывающий тег:
Обязателен.
пример кода:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>details</title>
</head>
<body>
<details>Покажи, что у тебя есть!</details>
</body>
</html>