HTML <details> Тег
Пример
С помощью элемента <details>:
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
Определение и использование
Тег <details> указывает дополнительные сведения, которые пользователь может просматривать или скрывать по требованию.
Тег <details> можно использовать для создания интерактивного виджета, который пользователь может открывать и закрывать. Содержимое любого типа можно поместить внутрь тега <details>.
Содержимое элемента <details> не должно быть видимым, если не задан атрибут Open.
Поддержка браузера
цифры в таблице указать первую версию браузера, который полностью поддерживает элемент.
Element | |||||
---|---|---|---|---|---|
<details> | 12.0 | Не поддерживается | 49.0 | 6.0 | 15.0 |
Различия между HTML 4,01 и HTML5
Тег <details> является новым в HTML5.
Советы и примечания
Совет: тег <summary> используется для указания видимого заголовка для деталей. Заголовок может быть нажата для просмотра/скрыть подробности.
Атрибуты
= New in HTML5.
Атрибут | Значение | Описание |
---|---|---|
open | open | Указывает, что сведения должны быть видимыми (открытыми) для пользователя |
Глобальные атрибуты
Тег <details> также поддерживает Глобальные атрибуты в HTML.
Атрибуты события
Тег <details> также поддерживает Атрибуты событий в HTML.
Похожие страницы
Ссылка на HTML DOM: Details Object
Параметры CSS по умолчанию
Большинство обозревателей будут отображать элемент <details> со следующими значениями по умолчанию:
details {
display: block;
}