Перейти к содержанию

<summary>

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

Элемент <summary> должен идти первым внутри <details>.

Поддержка браузерами

Can I Use details? Data on support for the details feature across the major browsers from caniuse.com.

Полифилы для включения поддержки:

Синтаксис

<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>

Ссылки