Набор авторов в комманду!!!




Пожертвовать на развитие сайта. Пожертвовать

Элемент details в html 5

Главная » Справочники » Справочник HTML5 » Элемент details в html 5
Элемент details представляет дополнительную информацию, которую пользователь может получить по требованию.

Поддержка браузерами элемента details в HTML5

Элемент details в браузере Internet Explorer не поддерживается
Элемент details в браузере Firefox не поддерживается
Элемент details в браузере Chrome поддерживается
Элемент details в браузере Safari не поддерживается
Элемент details в браузере Opera не поддерживается
Элемент details в html5 на сайте RaMech.net details

Отображение элемента details HTML 5

Правильное отображение элемента details, в Chrome Отображение элемента details в вашем браузере
Правильное отображение элемента details, в Chrome

Описание элемента details в HTML5

Элемент details представляет дополнительную информацию, которую пользователь может получить по требованию. По умолчанию содержимое тега не отображается, но указав элементу атрибут open="open", можно заставить его «раскрыться».

Дополнительный элемент summary используется для краткого отображения содержимого элемента details.

Отличие элемента details HTML4.1 от HTML5

Элемент details добавлен в HTML 5.

Атрибуты элемента details в HTML5

Атрибут details Описание атрибута элемента details
open

Атрибут open для элемента details указывает, что содержимое должно быть показано пользователю или скрыто от пользователя. Атрибут open логический атрибут. Если атрибут open присутствует, его значение должно быть либо пустая строка или значение в ASCII формате без учета регистра, без пробелов вначале или вконце.

<details>
	<summary>Метка 1</summary>
	Текст 1
</details>
<details open>
	<summary>Метка 2</summary>
	Текст 2
</details>
<details open="open" legend="11">
	<summary>Метка 3</summary>
	Текст 3
</details>
Правильное отображение элемента details, в Chrome Отображение элемента details в вашем браузере
Правильное отображение элемента details, в Chrome