HTML 5 | <summary> Тег

Опубликовано: 1 Марта, 2022

Тег <summary> в HTML используется для определения сводки для элемента <details>.

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

Синтаксис:

 <summary> Контент, для которого требуется резюме </summary>

Программа ниже иллюстрирует элемент <summary>:

Input :

<!DOCTYPE html>
<html>
<body>
  
<details>
  <summary>GeeksforGeeks.</summary>
  <p> It is a portal for geeks.</p>
</details>
  
</body>
</html>

Выход :

Поддерживаемый браузер: поддерживаемые браузеры перечислены ниже.

  • Google Chrome 12.0
  • Firefox 48.0
  • Opera 15.0
  • Safari 6.0