Как правильно использовать новые теги HTML5 для совместимости со старыми браузерами

Question

В PHP-файле, который выводит форму HTML, мне интересно, могу ли я использовать новые теги HTML5, например тип ввода электронной почты. Будут старые браузеры показывают некоторую ошибку или я должен как-то различать с PHP, через USER_AGENT, например, и сделать:

<input type="text" /> 

вместо

<input type="email" /> 

в старых браузерах (кстати, тот же вопрос, будет применяться к DOCTYPE сам, я думаю). Что является наиболее подходящим в соответствии со спецификациями?

Answer 1

К счастью для нас, обходной путь существует, что позволяет старые браузеры признать эти новые элементы, что позволяет им быть стилизовано , и таким образом давая нам полное использование этих новых семантических тегов. Это инструмент под названием HTML5Shiv. Как указано на связанной странице Google, «shiv» и «shim» являются взаимозаменяемыми терминами в этом контексте. Но как мы перешли из IE, даже не признав существование этого элемента, а теперь его можно использовать? Фокус в том, что вызов document.createElement ("section") внезапно заставит IE распознать элемент раздела. Никто не знает, почему, но он работает, и вам даже не нужно использовать узел, возвращаемый этой функцией. Но вам нужно обязательно позвонить ему на раннем этапе на своем веб-сайте, прежде чем использовать какой-либо из этих элементов, иначе это не сработает. Вам нужно будет назвать это для каждых новых элементов HTML5, как следующий код:

"abbr article aside audio bdi canvas data datalist details figcaption figure "+ "footer header hgroup main mark meter nav output progress section " + "summary template time video" .replace(/w+/g, function(a){ document.createElement(a) });

Обратите внимание, что мы используем метод объекта строки заменить лаконично перебрать каждую непрерывную длину совпавших символов посредством регулярного выражения и выполнения функции обратного вызова для каждого символьного блока, который в свою очередь вызывает createElement. Здесь, здесь, мы будем называть этот метод «обрезкой документа», чтобы документ мог визуализировать новые элементы HTML5.

И его лучше использовать более новые версии браузеров, если вы не повторите что-то со старыми браузерами! : D

Спасибо вам!

Answer 2

В случае, если есть библиотека, которая может помочь вам использовать «новый тег» на старых браузерах HTML5 Shiv