САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <summary>


Пример

Использование элемента <summary>:

<details>
  <summary>Copyright 2020.</summary>
  <p> - All Rights Reserved.</p>
  <p>Весь контент и графика на этом сайте являются собственностью компании.</p>
</details>
Попробуйте сами »

Определение и использование

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


Поддержка браузерами

Числа в таблице указывают первую версию браузера, которая полностью поддерживает элемент.

Элемент
<summary> 12.0 Не поддерживается 48.0 6.0 15.0

Различия между HTML 4.01 и HTML5

Тег <summary> новый в HTML5.


Советы и примечания

Примечание: Элемент <summary> должен быть первым дочерним элементом для <details> элемента.

Глобальные атрибуты

Тег <summary> также поддерживает Глобальные атрибуты в HTML.


Атрибуты событий

Тег <summary> также поддерживает Атрибуты событий в HTML.


Связанные страницы

HTML DOM справочник: Объект Summary


Настройки CSS по умолчанию

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

summary {
  display: block;
}