тег <details>

Тег <details>

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

Пример использования

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<details>
<summary>Нажмите для получения дополнительного описания</summary>
Текст дополнительного описания, вы видите этот текст так как нажали на надпись "Нажмите для получения дополнительного описания".
</details>
</body>
</html>

Результат использования этого тега

Нажмите для получения дополнительного описания Тексст дополнительного описания, вы видите этот текст так как нажали на надпись "Нажмите для получения дополнительного описания".

Этот домен продается здесь: telderi.ru, и еще много других