Тег <summary> HTML заголовок блока с дополнительной информацией

Рейтинг: 3 из 5, голосов 8
+++--

Тег <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>

Поддержка браузерами

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<summary> Да Нет Да Да Да

Атрибуты тега <summary>

Тег <summary> не имеет собственных атрибутов, поддерживает глобальные HTML атрибуты.

Оцените, насколько полезна эта страница
+++--
Оставьте комментарий

Выберите правильный ответ
14 + 5 =
Отправляя форму, я даю согласие на обработку персональных данных.