HTML тег summary

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

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

Разница между HTML 4.01 и HTML5

Тег <summary> был добавлен в HTML5.

Общие атрибуты

Тег <summary> поддерживает общие атрибуты и атрибуты-события.

CSS стили по умолчанию

Большинство браузеров будут отображать тег <summary> со следующими стилями


summary { 
    display: block;
}

HTML пример использования


<details>
   <summary>Copyright 1999-2014.</summary>
   <p> - by Refsnes Data. All Rights Reserved.</p>
   <p>Весь текстовый и графический контент данного веб-сайта является собственностью компании Refsnes Data.</p>
</details>