Тег <details>
Описание
Обычно представлен в виде треугольника. Нужен для раскрытия или скрытия доп. информации. С ним может использоваться элемент summary. Без него, заголовок будет по умолчанию. В каждом браузере он свой, например: «Подробнее» или «Сведения».
Для элемента доступны универсальные атрибуты и события.
См. код языков.
См. MIME - типы.
Синтаксис
<details>Текст<details>
Internet Explorer | Edge | Chrome | Opera | Safari | Firefox | Android WebView | Firefox для Android | Opera для Android | iOS Safari |
12 | 15 | 6 | 49 | 4 | 49 | 36 | 6.1 |
Поддерживается | Частичная поддержка | Не поддерживается |
Устаревшие атрибуты
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<details>
<summary>Это секретная информация!</summary>
Наш сайт самый лучший!
</details>
</body>
</html>
Это секретная информация!
Наш сайт самый лучший!Читайте также
Тег <wbr>
Создает разрыв слова в желаемом месте, если текст не помещается в данном элементе.
Тег <br>
Используется для переноса строки на следующую строку. Использовать тег >2 раз за раз неправиль...
Тег <table>
Исполбзуется для создания таблицы. Для полноценного создания стоит использовать элементы: <spa...
Тег <article>
Независимый фрагмент веб - страницы, содержащий в себе «шапку», содержимое и «подвал» сайта. Чаще...
Тег <menu>
Отображает список пунктов меню. Аналогично элементам ol и ul внутри menu список формируется с пом...