Тег <details>

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

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

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

Обязателен.

Пример

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>details</title>

</head>

<body>

<details>Покажи, что у тебя есть!</details>

</body>

</html>

HTML5