Руководство по HTML

Полный список тегов HTML

HTML: Тег <details>

Элемент HTML <details> может создать дугу, которая отображается только при переключении в состояние развернутого. Элемент <summary> может предоставлять резюме или ярлык для этой части.

Онлайн пример

Использование элемента <details>:

Пример

!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>Использование тега details в HTML5 (Базовый учебник сети oldtoolbag.com)</title>
</head>
<body>
<details>
　　　　<summary>Подробности</summary>
　　　　Нечто достаточно маленькое, чтобы избежать случайного внимания.（Базовый учебник сети oldtoolbag.com）
</details>
</body>
</html>

Проверьте, посмотрите ›/›

Какой будет результат работы:

Совместимость браузеров

IEFirefoxOperaChromeSafari

В настоящее время тег <details> поддерживается только браузерами Chrome и Safari 6.

Определение и описание использования тега

Тег <details> определяет дополнительные детали, видимые или скрытые, для пользователя.

Тег <details> используется для создания интерактивного контрола, позволяющего пользователю открывать и закрывать содержимое. Внутри тега <details> можно поместить любой вид содержимого.

Содержимое элемента <details> не видимо пользователю,除非 установлено свойство open.

Различия между HTML 4.01 и HTML5

Тег <details> - это новый тег в HTML5.

Советы и внимание

Совет:и <summary> Использование тегов для определения заголовка для <details>. Заголовок виден, и при нажатии на него отображается содержимое <details>.

Свойства

New: Новые свойства в HTML5.

Свойства	Значение	Описание
openHTML5	open	Определяет, виден ли элемент <details>.

Глобальные свойства

Поддержка тега <details> Глобальные свойства HTML.

Свойства событий

Поддержка тега <details> Свойства событий HTML.

HTML: Тег <dfn>HTML: Тег <del>