Делать браузер не поддерживает html5. Насколько Chrome, Safari, Firefox, IE и Opera удовлетворяют требованиям HTML5? Правда ли, что HTML5 несовместим с Internet Explorer
Перед изучением новых тегов необходимо ознакомится с инструментами поддержки тегов браузерами. Для проверки тега, можно использовать htmlbook с иллюстрациями:
Поддержка тега center в спецификациях HTML
Видно, что тег в спецификации 5.0 не поддерживается (розовый цвет), а в спецификации 4.01 поддерживался частично (желтый цвет). Кстати, для выравнивания блоков и картинок теперь нужно применять СSS.
Рекомендация не использовать тег center в коде html5
Таким образом, используя данные ресурсы можно ориентироваться в правильности применения тегов и их поддержке со стороны браузеров.
Рассмотрим новые введенные элементы. Тег audioТег используется для внедрения в страницу проигрывателя. Для указания источника используется тег . Можно указать несколько источников композиций, т.е. даже если у пользователя нет определенных кодеков, то велика вероятность проигрывания файла.
Если тег не поддерживается, то будет выведено сообщения внутри тега с предложением скачать файл напрямую.
Тег audio не поддерживается вашим браузером. Скачайте музыку.
Тег audio не поддерживается вашим браузером.
|
Атрибуты описанные в примере:
- controls – выводят проигрыватель. Если их не указать, то получим играющую музыку без возможности выключения
- autoplay – автоматическое проигрывание после загрузки, не стоит использовать данный атрибут без крайней необходимости
- loop – зациклить проигрывание
Обратите внимание, что внешний вид проигрывателя в разных браузерах разный.
Тег videoПозволяет внедрить на страницу видеопроигрыватель без использования сторонних сервисов. Также, как и тег применяется с тегом source, если необходимо указать несколько источников видео.
Тег video не поддерживается вашим браузером. Скачайте видео.
Тег video не поддерживается вашим браузером. Скачайте видео.
|
Атрибуты аналогичны тегу .
Данный тег используется для создания блоков с видео в виде фона.
Тег canvasИспользуется для рисования в HTML5. Применение canvas позволило отказаться от технологии Flash. Рисование производится с помощью JavaScript. Использования тега вы изучите на уроках JS.
Ваш браузер не поддерживает рисование.
Ваш браузер не поддерживает рисование.
|
Используется для создания «умных» выпадающих списков. Дублирует функционал выпадающего списка, но добавляет к нему возможность поиска пунктов по буквам входящим в слова и введения своего варианта. Идеален для применения к спискам, пункты которых известны заранее.
К сожалению, поддержка браузерами очень ограничена. Более того, на сегодняшний момент браузеры демонстрируют абсолютно разную работу с данным элементом. Пока стоит воздержаться от применения.
Тег details
Позволяет создавать раскрывающийся при клике блок. Используется совместно с тегом , который задает раскрывающийся элемент.
Информация об авторе Бендер Родригез
|
Поддержка данного тега – частичная, как следствие, на данном этапе лучше применять решения на основе JS или jQuery.
Тег meterИспользуется для визуализации диапазонов величин. Пример применения:
Низкая
Нормальная
Горячая