Користење HTML5 Shiv за да овозможите HTML 5 во стари верзии на Internet Explorer

Користење на JavaScript за да им помогне на постарите верзии на IE за поддршка на HTML 5 тагови

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 и подолу беше сеуште важна работа за многу сајтови, но со објавувањето на "крајот на животот" што Мајкрософт го направи во април 2016 година за сите верзии на IE под 11, многу луѓе сега ги надградија своите прелистувачи и овие антикварни верзии не може повеќе не е грижа за вас. Прегледај ја аналитиката на вашиот веб-сајт за да видиш точно кои пребарувачи луѓето ги користат за да ја посетите страницата. Ако никој, или многу малку луѓе, го користат IE8 и подолу, тогаш можете да бидете сигурни дека можете да ги користите HTML5 елементите без проблеми и нема потреба да ги поддржувате наследните прелистувачи.

Во некои случаи, сепак, наследството на IE прелистувачи ќе биде проблем. Ова често се случува во организации кои користат одреден дел од софтверот кој беше развиен одамна и кој работи само на стара верзија на IE. Во овие случаи, ИТ одделот на таа компанија може да ја наметне употребата на овие стари пребарувачи, што значи дека вашата работа за таа компанија исто така мора да ги поддржи застарените ИЕ инстанци.

Ова е кога ќе сакате да се свртиме кон HTML5 shiv, така што ќе можете да ги користите тековните веб дизајн методи и елементи, но сепак ја добиете целосната поддршка за прелистувачот што ви треба.

Уредено од Џереми Жирар