Тег <details>

09.10.2010

Влад Мержевич

Internet Explorer Chrome Opera Safari Firefox Android iOS

12.0+ 15.0+ 6.0+ 4.0+ 6.0+

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

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

Синтаксис

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

Атрибуты

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

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

Обязателен.

Пример

HTML5IECrOpSaFx

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

HTML5