1 HTML и CSS 2

Как посмотреть поддержку браузерами html5 и css3?

Всем привет. Наверняка многие из вас знают, что html5 — это новая версия языка разметки гипертекста. Точнее, это просто хорошее дополнение к html4. Так вот, а как html5 и css3 поддерживается браузерами и где можно посмотреть такую информацию? Сегодня я вам расскажу!

Где смотреть поддержку возможностей?

Я рекомендую для этого использовать всего лишь один сервис — Caniuse. Даже переводиться на наш как: «Могу ли я использовать

Пожалуй, единственный минус сервиса — тут все на английском, но если вы веб-разработчик, то сами прекрасно все поймете, потому что свойства и теги итак на английском пишутся, а навигация здесь очень простая. свойства

Пример разработки сайта с использованием Caniuse

Скажем, верстаете вы тут форму для заполнения, в нее нужно добавить поля для ввода электронной почты, телефона и url-адреса организации. Заходим на caniuse и находим соответствующий пункт: Email, telephone & URL input types. Жмем и видим перед собой наглядную табличку (я приведу лишь ее часть), которая свидетельствует о том, что в Chrome и Firefox все отлично. Наши поля не поддерживаются в версиях IE 8-9, а также в мобильном браузере Opera Mini.
поддежка html5
Соответственно, только что вы получили важные знания, которые помогут вам принять решение, стоит ли использовать эти новые поля в своей форме. В целом, их использование вполне оправдано, а те браузеры, которые их не поддерживают, просто выведут текстовые поля. Соответственно, вы можете добавить проверку на валидацию формы с помощью скрипта. Но даже если вы в итоге все сделаете на html5, все равно это будет работать у 98% людей, потому что в целом они обновляют свое ПО, что бы там ни говорили.

В принципе сервис настолько шикарен, что вам даже не нужно искать название свойства — достаточно его просто вписать в поисковую строку, которая здесь располагается в самом верху. Например, я ввел border-image и мне сразу же высветили табличку с поддержкой этого свойства в браузерах.
caniuse
В общем, еще один полезный сервис в копилку веб-разработчика. А что вы думаете о нем?

Минуточку вашего внимания: Все мы хотим размещать свои сайты на надежном хостинге. Я проанализировал сотни хостингов и нашел лучший - HostIQ В сети сотни положительных отзывов о нем, средняя оценка пользователей - 4.8 из 5. Пусть вашим сайтам будет хорошо.

Еще материалы по HTML

Бесплатный курс по HTML

Премиум уроки по HTML

Полный курс по HTML5

  • Дмитрий

    Классный сервис, Миш. Я о нем слышал, но не пользовал ни разу.

    2016-04-15 в 4:28 | Ответить
  • Валерий

    Спасибо, Михаил! Отличный сервис, впервые с ним встречаюсь, очень доволен!!!

    2016-04-14 в 9:57 | Ответить