<details> | Тег HTML - Справочник HTML + HTML5 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Пятница, 02.12.2016
Главная » Справочник HTML » Документы


ОбъектыБлочные элементы
ТаблицыСтрочные элементы
СимволыФорматирование
ДокументыИзображения
ЗвукФормы
СпискиУстаревшие теги
ФреймыСкрипты



Адаптивный сайт - aTmpl


<details> | Тег HTML

Тег <details> скрывает вложенную информацию




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




Синтаксис тега <details> ( закрывающий тэг обязателен! )


<details open="open">Вложенный текст</details>

Тег работает в браузерах





Атрибут тега <details>

Атрибут open

Атрибут open открывает вложенную информацию

Синтаксис атрибута open


<details open="open">

Пример применения атрибута


<!DOCTYPE html>
<html>
<head>
<title>Атрибут open</title>
</head>
<body>
<details open="open">
<summary>Нажми сюда и ты узнаешь</summary>
<p>Не нужно думать о себе,когда о помощи другим мечтаешь.
<br>Меренков Михаил - Россия г.Волгоград</p>
</details>
</body>
</html>

Пример применения тега


<!DOCTYPE html>
<html>
<head>
<title>Тег details</title>
</head>
<body>
<details>
<summary>Природа Мать кажись не злой я ведь человек простой</summary>
<p>Меренков Михаил - Россия г.Волгоград</p>
</details>
</body>
</html>

Пример в действии





Русские шрифты





Категория: Документы | Добавил: IZOTOP (07.06.2012) | Автор: Меренков Михаил W
Просмотров: 1017 | Теги: скрыть информацию | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]