Используем полифилы для поддержки HTML5

Прочитав предыдущую статью, вы уже поняли, что некоторые фичи HTML5 могут не работать в некоторых браузерах и требуют замещающего элемента, созданного на JavaScript. Из-за этого вам время от времени будет необходимо немного пошаманить, чтобы ваша страница отображалась корректно. Полифилы, замещающие элементы и шимы придутся как раз кстати.

Что такое полифил?

Полифил или, как его иногда называют, полифиллер - кусок кода, который осуществляет технологию или функцию, нативную поддержку браузером которой вы, как разработчик, ожидали. Можно назвать это термином "отрицательное улучшение", так как мы фокусируемся на более старых версиях браузера.

Почему полифил? В Британии полифиллер - то же самое, что шпаклевка в Америке. Виртуальный полифиллер применим к точно тем же проблемам, что и реальный - когда в стене (браузере) есть трещина, мы замазываем ее шпаклевкой, для того чтобы стена (браузер) выглядела приемлемо. Таким образом вы разглаживаете шероховатости браузера и, в идеале, посетители вашего сайта увидят один и тот же корректно отображающийся сайт.

Как выбрать?

В открытом доступе бесчисленное количество полифилов, и некоторые лучше остальных. Одни имеют определенный функционал, другие пытаются охватить множество задач. Из-за этого, я полагаю, важно иметь некоторое наставление по поводу того какие лучше использовать, а какие обходить стороной. Поэтому мы вернемся к полифилам, выполняющим определенные функции, в последней главе одного из следующих разделов.

Использовать их или нет - ваш выбор, но они почти наверняка повысят юзабилити и подарят пользователям лучший опыт взаимодействия с вашим сайтом. Не смотря на то, что вы, возможно, еще совсем мало знаете о HTML, вы уже можете начать использовать полифилы. В конце концов, наполнив ими свой репертуар, вы станете лучшим веб-разработчиком