Новые теги HTML5 - bdi.
Поддержка Браузеров
Google Chrome
Сафари.
Определение и использование. Тег < details> указывает дополнительные сведения, которые пользователь может отобразить или скрыть по требованию. Тег < details> может использоваться для создания интерактивного виджета, который пользователь может открывать и закрывать. Любой вид контента можно поставить внутри тега < details>.
Содержание в теге < details> элемента не должны быть видны, если открытый атрибут не установлен.
Отличия между HTML 4.01 и HTML5. Тег < details> является новым в HTML5.
Внимание!!! Тег < summary> используется, чтобы указать видимый заголовок для деталей, то есть то, что увидит ваш посетитель. В данную товарную позицию < summary> может быть нажата или нет, чтобы просмотреть/скрыть подробности.
Основы разметок HTML дают необходимый минимум материала, чтобы отображать документ на странице сайта. В настоящее время в разработках HTML наблюдается следующий цикл создания основ HTML. На более высоком интерактивном уровне. В самих разметках создаются атрибуты, которые самостоятельно оживляют действия над объектами при создании и оформления страниц сайта. Будет прорыв основ HTML в голосовом управлении всеми действиями на страницах сайта. Все трудоемкие процессы по созданию сайта возьмет на себя машина. Идет прорыв в данном направлении.
Атрибуты
Вновь : Новое в HTML5.
Атрибут |
Значение |
Описание |
Вновь |
open |
Указывает, что данные должны быть видимыми( open), чтобы пользователь мог прочесть, скрыть |
ПРИМЕР
Посмотрите на один пример из этой серии:
< !DOCTYPE html>
< html>
< body>
< details>
< summary>Авторское право c 04.12.2013г.< /summary>
< p>- Васильев О.Н. Все Права Защищены.< /p>
< p>Все материалы и изображения, находящиеся на сайте,
являются собственностью Васильев О.Н.< /p>
< /details>
< p>Примечание: детали тег в настоящее время
поддерживается только в браузере Chrome и
Safari 6.< /p>
< /body>
< /html>
Здесь что получилось, нажмите на черный треугольник и вы увидите результат:
Авторское право c 04.12.2013г.
- Васильев О.Н. Все Права Защищены.
Все материалы и изображения, находящиеся на сайте, являются собственностью Васильева О.Н.
Примечание: тег < details> в настоящее время поддерживается только в браузере Chrome и Safari 6.
Тег < summary> поддерживает Глобальные атрибуты в HTML: КЛИКНИ СЮДА
Тег < summary> также поддерживает Атрибуты событий в HTML: КЛИКНИ СЮДА
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|