<summary>

HTML тег <summary> вказує заголовок для елемента <details>, по якому можна клацати розгортаючи/згортаючи додаткову інформацію.

Тег в дії:

Відкрити повністю

Цей текст не було видно доки ви не натиснули на заголовок HTML5, реально, спрощує життя

Нотатка:

HTML тег <summary> повинен бути першим дочірнім елементом тега <details>.

Синтакс

<details>
 <summary>Текст</summary>
 Прихована детальна інформація
</details>

Приклади

Найпростіший приклад використання HTML тега <summary>


  See the Pen <a href='https://codepen.io/vadym6917012/pen/jOrRBqW'>jOrRBqW</a> by Vadym6917012
  (<a href='https://codepen.io/vadym6917012'>@vadym6917012</a>) on <a href='https://codepen.io'>CodePen</a>.

До попереднього тегу До наступного тегу