Элемент <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> поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.