Тег <summary>
Указывает заголовок для тега <details>, по которому можно щелкать для разворачивания/сворачивания информации. Тег <summary> должен идти первым внутри <details>.
поддержка браузерами:
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>
<summary>Текст</summary>
</details>
закрывающий тег:
Обязателен
пример кода:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>summary</title>
</head>
<body>
<details>
<summary>Информация об авторе</summary>
<p>Бендер Родригез</p>
</details>
</body>
</html>