HTML тег <summary>

Тег <summary> используется для определения видимого заголовока для элемента <details>. Нажав на заголовок, можно просмотреть/скрыть информацию.

Элемент <summary> всегда идет первым внутри тега <details>.

Синтаксис

Содержимое элемента заключается между открывающим (<summary>) и закрывающим (</summary>) тегами.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок окна веб-страницы</title>
  </head>
  <body>
    <details>
      <summary>Авторское право 2013-2014.</summary>
      <p>W3docs. Все права защищены.</p>
      <p>Содержание и графика на веб-сайте является собственностью W3Docs.com.</p>
    </details>
  </body>
</html>

Результат

Атрибуты

Тег <summary> поддерживает также глобальные атрибуты и атрибуты событий.

Browser support

12+ 49+ 6+ 15+



Related articles