Элемент <summary> используется вместе с элементом <details> и определяет краткое содержание, видимое для пользователя. Когда пользователь щелкает сводку, дополнительная информация или контент, помещенный в элемент <details> , который ранее был скрыт, становится видимым.
| Тип: | Block |
| Разрешенный родитель: | <details> |
| Контент: | Inline, и текст |
| Открывающий тег: | Обязательный |
| Закрывающий тег: | Обязательный |
| Версия: | Новый в HTML5 |
Синтаксис
Базовый синтаксис тега <summary> выглядит следующим образом:
HTML / XHTML: <summary> ... </summary>Примеры написания кода тега <summary>:
<details>
<summary>Что такое HTML?</summary>
<p>HTML является языком разметки для описания структуры веб-страниц.</p>
</details>
Элемент
<summary> должен быть первым дочерним элементом элемента <details>. Если он опущен или не указан, будет использоваться заголовок «Детали».
Специальные атрибуты тега
Тег <summary> не имеет специальных атрибутов.
Глобальные атрибуты
Как и все другие HTML-теги, тег <summary> поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <summary> так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <summary> поддерживается во всех основных браузерах.
