details

Содержание

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

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

Синтаксис

<details open>Текст</details>

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

Обязателен.

Атрибуты

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

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>details</title>
 </head> 
 <body>
  <details>Покажи, что у тебя есть!</details>
 </body> 
</html>

Результат данного примера показан на рис. 1.

Отображение информации с помощью details

Рис. 1. Отображение информации с помощью <details>

Спецификация

СпецификацияСтатус
WHATWG HTML Living StandardЖивой стандарт
HTML5.1Рабочий проект

Браузеры

Internet ExplorerChromeOperaSafariFirefox
12156
AndroidFirefox MobileOpera MobileSafari Mobile
415




Рекомендую хостинг: beget.ru

Сервер падал:3 дн. 6:52 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru