Тег <details> (от англ. details — подробности, данные) — задает детали, которые пользователь может открывать и закрывать.
Необязательные атрибуты
Атрибут | Описание | Возможные значения |
---|---|---|
open |
Показывает информацию внутри элемента. | Текст. |
Глобальные атрибуты |
Пример
<details>
<summary>Центр Epcot</summary>
<p> Epcot — это тематический парк на территории Всемирного центра отдыха Уолта Диснея с захватывающими аттракционами, международными павильонами, отмеченными наградами фейерверками и сезонными специальными мероприятиями.</p>
</details>
<summary>Центр Epcot</summary>
<p> Epcot — это тематический парк на территории Всемирного центра отдыха Уолта Диснея с захватывающими аттракционами, международными павильонами, отмеченными наградами фейерверками и сезонными специальными мероприятиями.</p>
</details>
Результат
Центр Epcot
Epcot — это тематический парк на территории Всемирного центра отдыха Уолта Диснея с захватывающими аттракционами, международными павильонами, отмеченными наградами фейерверками и сезонными специальными мероприятиями.