пример
Используя <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 атрибут не установлен.
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает элемент.
| Элемент | |||||
|---|---|---|---|---|---|
| <details> | 12.0 | Не поддерживается | 48,0 | 6.0 | 15,0 |
Отличия между HTML 4.01 и HTML5
<details> тег является новым в HTML5.
Советы и примечания
Совет: <summary> тег используется для указания видимой заголовок для деталей.Заголовок может быть нажата, чтобы просмотреть / скрыть детали.
Атрибуты
= Новое в HTML5.
| Атрибут | Стоимость | Описание |
|---|---|---|
| open | open | Указывает, что детали должны быть видны (открытый) пользователю |
Глобальные атрибуты
<details> тег также поддерживает Глобальные атрибуты в HTML .
Атрибуты событий
<details> тег также поддерживает Атрибуты событий в HTML .
Похожие страницы
HTML ссылка DOM: Details об объекте
Настройки по умолчанию CSS
Большинство браузеров отобразит <details> элемент со следующими значениями по умолчанию:
details {
display: block;
}