Как посмотреть поддержку браузерами 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
В общем, еще один полезный сервис в копилку веб-разработчика. А что вы думаете о нем?

Комментариев: 2
  1. Дмитрий

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

  2. Валерий

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

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: