Тег <summary> определяет видимый заголовок для элемента <details>. Заголовок можно щелкнуть, чтобы просмотреть/скрыть детали.

Синтаксис:

<summary>

...

</summary>

Особенности элемента summary:

  • Элемент <summary> используется вместе с элементом <details> и предоставляет сводку, видимую пользователю.
  • Когда пользователь щелкает сводку, становится видимым содержимое, размещенное внутри элемента <details>, которое ранее было скрыто.
  • Тег <summary> был добавлен в HTML 5.
  • Тег <summary> требует наличия как начального, так и конечного тега.