Всем привет. Наверняка многие из вас знают, что html5 — это новая версия языка разметки гипертекста. Точнее, это просто хорошее дополнение к html4. Так вот, а как html5 и css3 поддерживается браузерами и где можно посмотреть такую информацию? Сегодня я вам расскажу!
Где смотреть поддержку возможностей?
Я рекомендую для этого использовать всего лишь один сервис — Caniuse. Даже переводиться на наш как: «Могу ли я использовать?»
Пожалуй, единственный минус сервиса — тут все на английском, но если вы веб-разработчик, то сами прекрасно все поймете, потому что свойства и теги итак на английском пишутся, а навигация здесь очень простая.
Пример разработки сайта с использованием Caniuse
Скажем, верстаете вы тут форму для заполнения, в нее нужно добавить поля для ввода электронной почты, телефона и url-адреса организации. Заходим на caniuse и находим соответствующий пункт: Email, telephone & URL input types. Жмем и видим перед собой наглядную табличку (я приведу лишь ее часть), которая свидетельствует о том, что в Chrome и Firefox все отлично. Наши поля не поддерживаются в версиях IE 8-9, а также в мобильном браузере Opera Mini.
Соответственно, только что вы получили важные знания, которые помогут вам принять решение, стоит ли использовать эти новые поля в своей форме. В целом, их использование вполне оправдано, а те браузеры, которые их не поддерживают, просто выведут текстовые поля. Соответственно, вы можете добавить проверку на валидацию формы с помощью скрипта. Но даже если вы в итоге все сделаете на html5, все равно это будет работать у 98% людей, потому что в целом они обновляют свое ПО, что бы там ни говорили.
В принципе сервис настолько шикарен, что вам даже не нужно искать название свойства — достаточно его просто вписать в поисковую строку, которая здесь располагается в самом верху. Например, я ввел border-image
и мне сразу же высветили табличку с поддержкой этого свойства в браузерах.
В общем, еще один полезный сервис в копилку веб-разработчика. А что вы думаете о нем?
Классный сервис, Миш. Я о нем слышал, но не пользовал ни разу.