Атрибут open указывает на то, что содержимое элемента <details> должно быть видимым для пользователя. Без этого атрибута содержимое <details> не показывается. Таким образом, open является логическим атрибутом для отображения или скрытия текста.
Содержимое | Содержимое |
<details open> | <details> |
Синтаксис
<details open>Текст</details>
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>details, атрибут open</title>
</head>
<body>
<details open>
<summary>Все ли браузеры поддерживают HTML5?</summary>
<p>Да, все современные браузеры поддерживают HTML5.</p>
</details>
<details>
<summary>Надо ли закрывать одиночные теги?</summary>
<p>Нет, это не обязательно, поэтому вместо <br/> достаточно
написать <br>. Впрочем, допустима и старая форма записи, это не
считается ошибкой.</p>
</details>
<details>
<summary>Как установить кодировку документа в HTML5?</summary>
<p>Внутри <head> напишите:</p>
<pre><code><meta charset="utf-8"></code></pre>
</details>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.