HTML reference manual

HTML tag collection

HTML details open attribute

This　article　introduces　the　HTML　details　open　attribute,　a　boolean　attribute,　which　demonstrates　how　to　use　the　HTML　details　open　attribute,　browser　compatibility,　syntactic　definition,　and　detailed　information　about　its　attribute　values,　etc.

　HTML <details> тег

Online　example

An　open/visible　<details>　element:

Example

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　<details>　open　attribute　use-essential　tutorial(oldtoolbag.com)</title>
</head>
<body>
<details　open>
　　<summary>Copyright　2009-2020.</summary>
　　<p>　-　by　oldtoolbag.com.　All　Rights　Reserved.</p>
　　<p>Базовый учебный сайт предоставляет вам ресурсы для изучения базовых знаний IT, а также базовые знания. Изучите основы, и вы сможете идти дальше.</p>
</details>
<p>details по умолчанию открыто.</p>
</body>
</html>

Проверьте, как это выглядит ‹/›

Совместимость с браузерами

IEFirefoxOperaChromeSafari

В настоящее время только Chrome и Safari 6 поддерживают атрибут open.

Определение и использование

Атрибут open - это boolean (булев) атрибут.

Атрибут open определяет, должен ли быть виден details на странице HTML.

Различия между HTML 4.01 и HTML5

<details> тег - это новый тег HTML5.

Различия между HTML и XHTML

В XHTML атрибуты не могут быть сокращены, атрибут open должен быть определен как: <details open="open">.

Синтаксис

<details open>