Елемент <details> (від англ. details — подробиці, дані) використовується для зберігання інформації, яку можна приховати або показати на вимогу користувача. За промовчанням вміст елемента не відображається, для зміни статусу застосовується атрибут open.
Вихідний вміст <details> приховано, замість нього виводиться текст «Докладніше», клацання по якому ховає або показує вміст елемента.
Синтаксис
<details>Текст</details>
Закриваючий тег
Обов'язковий.
Атрі бути
- open
- Показує інформацію всередині елемента.
Приклад
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>details</title> </head> <body> <details> <summary>Спойлер</summary> <p>Вбивця — дворецький!</p> </details> </body> </html>
Результат цього прикладу показаний на рис. 1.
Мал. 1. Відображення інформації за допомогою <details>
Специфікація
| Специфікація | Статус |
|---|---|
| WHATWG HTML Living Standard | Живий стандарт |
| HTML5.1 | Рекомендація |
Специфікація
Кожна специфікація проходить кілька з тадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
- Candidate Recommendation ( Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
- Proposed Recommendation (Пропонована рекомендація) — на цьому етапі документ подано на розгляд Консультативної ради W3C для остаточного затвердження.
- Working Draft (Робочий проект) — більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення правок редакторами проекту.
- Draft (Чернетка специфікації) — перша чорнова віра це стандарту.
Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки знаходиться в постійній розробці і оновлюється регулярно.
Браузери
| 12 | 15 | 6 | 49 |
| 4 | 49 | 36 | 6.1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
— елемент повністю підтримується браузером;- — елемент браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з якою елемент підтримується.