Тег <summary> содержит видимый текст блока с дополнительной информацией <details>.
Клик по содержимому HTML тега <summary> открывает весь контент, содержащийся в родительском теге <details>.
Если тег <summary> не указан, как заголовок блока details будет использовано зарезервированное слово, например, "Подробнее" в Google Chrome, "Подробности" в Mozilla Firefox.
Тег должен быть первым дочерним элементом для <details>.
Этот тег был введен в HTML5.
Синтаксис
<summary>текст</summary>
Отображение в браузере
Подробнее про YouTube
YouTube - популярный видеохостинг.
Ежедневно видео, загруженные на YouTube, просматриваются более 4 млрд раз (по данным на 2012 год).
Пример использования <summary> в HTML коде
<!DOCTYPE html>
<html>
<head>
<title>Тег summary в блоке details</title>
</head>
<body>
<details>
<summary>Подробнее про YouTube</summary>
<p>YouTube - популярный видеохостинг.</p>
<p>Ежедневно видео, загруженные на YouTube, просматриваются более 4 млрд раз (по данным на 2012 год).</p>
</details>
</body>
</html>
Поддержка браузерами
Тег | |||||
<summary> | Да | Нет | Да | Да | Да |
Атрибуты тега <summary>
Тег <summary> не имеет собственных атрибутов, поддерживает глобальные HTML атрибуты.