<summary>

Указывает заголовок для <details>, по которому можно щёлкать для разворачивания/сворачивания информации. Элемент <summary> должен идти первым внутри <details>.

Закрывающийся тег:

Обязателен

Поддержка:

HTML5

Атрибуты:

отсутствуют

Пример:

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>summary</title>
 </head> 
 <body>
  <details>
   <summary> преимущества CSS </summary>
   <p> более чистый код  </p>
   <p> модульный код  </p>
   <p> сила дизайна (точность контроля) </p>
   <p> разделение труда (задача разработчика — разрабатывать, задача дизайнера — создавать дизайн)</p>
   <p> лучше доступность </p>
  </details>
 </body> 
</html>