<summary>¶

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

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

Демо¶

Интерактивные элементы

details
dialog
summary

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

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

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

<details> and <summary> polyfill

Синтаксис¶

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

Ссылки¶

Тег <summary> ^{MDN (рус.)}