1. Главная
2. HTML
3. Теги details и summary

ТЕГИ <DETAILS> И <SUMMARY>

Тег <details> используется для создания виджета, который можно свернуть и раскрыть. Тег <summary> является заголовком этого виджета.

Поддержка браузеров

Синтаксис

<details>
<summary></summary>
</details>

Атрибуты

Теги <details> и <summary> поддерживают глобальные атрибуты.

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

<details>
    <summary>Заголовок</summary>
    Текст
</details>
<br>                 
<details open>
    <summary>Заголовок</summary>
    Текст
</details>