Използване на HTML5 Shiv за активиране на HTML 5 в стари версии на Internet Explorer

Използване на JavaScript, за да помогнете на по - старите версии на IE Поддръжка

HTML вече не е "новото дете в блока". Много уеб дизайнери и разработчици използват тази последна итерация от HTML в продължение на много години. Все пак има някои уеб специалисти, които са останали далеч от HTML5, често защото трябваше да поддържат стари версии на Internet Explorer и се опасяваха, че всички създадени от тях HTML5 страници няма да се поддържат в тези по-стари браузъри. За щастие има скрипт, който можете да използвате, за да донесете HTML поддръжка на по-стари версии на IE (това ще бъде версии по-ниски от IE9), което ви позволява да създавате уеб страници в по-голяма степен в съответствие с днешните технологии и да използвате някои от новите етикети в HTML 5.

Представяне на HTML Shiv

Джонатан Неал създаде прост скрипт, който казва на Internet Explorer 8 и по-долу (и Firefox 2 за това) да третира HTML 5 таговете като истински маркери . Това ви позволява да ги оформите като всеки друг HTML елемент и да ги използвате във вашите документи.

Как да използвате HTML Shiv

За да използвате този скрипт, просто добавете следните три реда към HTML5 документа в

над стиловия лист.

Обърнете внимание, че това е по-ново място за този скрипт HTML Shiv. Преди това този код бе хостван в Google и много сайтове все още се свързват погрешно с този файл, без да осъзнават, че вече няма да има файл, който да бъде изтеглен. Това е така, защото в много случаи употребата на HTML5 Shiv вече не е необходима. Повече за това скоро ...

Върнете се в този код за момент, но можете да видите, че той използва условен коментар по IE ​​за целевите версии на IE под 9 (това е "IE 9 означава"). Тези браузъри ще изтеглят този скрипт и елементите на HTML5 ще бъдат разбрани от тези браузъри, въпреки че са създадени лого преди HTML5 да е съществувал.

Като алтернатива, ако не искате да посочите този скрипт на място извън сайта, можете да изтеглите файла на скрипта (кликнете с десния бутон на връзката и изберете "Save Link As" от менюто) и го качете на сървъра си заедно с останалата част от ресурсите на вашия сайт (изображения, шрифтове и др.). Недостатъкът да го направите по този начин е, че няма да можете да се възползвате от промените в този скрипт с течение на времето.

След като добавите тези кодове към страницата си, можете да нагласите HTML 5 таговете, както бихте направили за всички други съвременни HTML5 съвместими браузъри.

Имате ли нужда още от HTML5 Shiv?

Това е полезен въпрос, който трябва да зададете. Когато HTML5 беше публикуван за първи път, пейзажът на браузъра беше много различен, отколкото е днес. Поддръжката на IE8 и по-долу все още е важна за много сайтове, но с обявата "края на живота", която Microsoft направи през април 2016 г. за всички версии на IE под 11, много хора вече са надстроили своите браузъри и тези стари версии вече да бъдете загрижени за вас. Прегледайте анализите на уебсайта си, за да видите точно какви браузъри хората използват, за да посетят сайт. Ако никой или много малко хора не използват IE8 и по-долу, можете да бъдете сигурни, че можете да използвате HTML5 елементи без проблеми и няма нужда да поддържате стари браузъри.

В някои случаи обаче, старите браузъри за IE ще бъдат притеснени. Това често се случва в организации, които използват конкретен софтуер, разработен отдавна и който работи само върху стара версия на IE. В тези случаи IT отделът на тази компания може да наложи използването на тези стари браузъри, което означава, че работата ви за тази компания трябва да поддържа и остарели случаи на IE.

Това е, когато искате да се обърнете към HTML5 Shiv, за да можете да използвате текущите методи и елементи на уеб дизайна, но все пак да получите пълната поддръжка на браузъра, от която се нуждаете.

Редактиран от Джеръми Жирар