Элемент <summary>

Элемент <summary> (от англ. summary — краткое содержание) указывает заголовок для <details>, по которому можно щёлкать для разворачивания/сворачивания информации. Элемент <summary> должен идти первым внутри <details>.

Синтаксис

<details>
 <summary>Текст</summary>
</details>

Атрибуты

Для этого элемента доступны универсальные атрибуты и события.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>summary</title> </head> <body> <details> <summary>Информация об авторе</summary> <p>Бендер Родригез</p> </details> </body> </html>

Результат данного примера показан на рис. 1.

Вид <summary> в браузере

Рис. 1. Вид <summary> в браузере

Спецификация

Браузеры

79 12 15 6 49
4 49 14 6

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.
Семантика