<details>

Элемент <details> используется для хранения информации, которую можно скрыть или показать по требованию пользователя. По умолчанию содержимое элемента не отображается, для изменения статуса применяется атрибут open.

Исходно содержимое <details> скрыто, вместо него выводится текст «Подробнее», щелчок по которому прячет или показывает содержимое элемента.

Закрывающийся тег:

Обязателен

Поддержка:

HTML5

Атрибуты:

open - Показывает информацию внутри элемента.

<details open>Веб-программирование — раздел программирования, ориентированный на разработку веб-приложений.</details>

Пример:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title> тег <details> </title>
 </head> 
 <body>
  <details>Веб-программирование — раздел программирования, ориентированный на разработку веб-приложений.</details>
 </body> 
</html>