Utilizând HTML5 Shiv pentru a activa HTML 5 în versiunile anterioare ale Internet Explorer

Utilizarea JavaScript pentru a ajuta versiunile mai vechi ale IE suport HTML 5 etichete

HTML nu mai este "noul copil din bloc". Mulți designeri web și dezvoltatori au folosit ultima versiune de HTML pentru mulți ani. Cu toate acestea, există unii profesioniști web care au rămas departe de HTML5, adesea pentru că au fost nevoiți să susțină versiuni vechi ale Internet Explorer și erau preocupați de faptul că paginile HTML5 pe care le-au creat nu ar fi acceptate în acele browsere mai vechi. Din fericire, există un script pe care îl puteți utiliza pentru a aduce suport HTML în versiunile mai vechi ale IE (aceasta ar fi versiuni mai mici decât IE9), permițându-vă să construiți pagini web mai conforme cu tehnologiile de astăzi și să utilizați unele dintre noile etichete din HTML 5.

Introducerea codului HTML Shiv

Jonathan Neal a creat un script simplu care spune Internet Explorer 8 și mai jos (și Firefox 2 pentru asta) să trateze tagurile HTML 5 ca etichete reale . Aceasta vă permite să le stylizați ca și cum ați face orice alt element HTML și să le utilizați în documentele dvs.

Cum să utilizați codul HTML Shiv

Pentru a utiliza acest script, pur și simplu adăugați următoarele trei linii la documentul HTML5 în

deasupra foii de stil.

Rețineți că aceasta este o locație mai nouă pentru acest script Shiv HTML. Anterior, acest cod a fost găzduit de Google, iar multe site-uri încă se leagă în mod eronat de acel fișier, fără să știe că nu mai există nici un fișier care să fie descărcat. Acest lucru se datorează faptului că, în multe cazuri, utilizarea codului HTML5 Shiv nu mai este necesară. Mai multe despre asta în curând ...

Înapoi la acest cod pentru un moment, puteți vedea că acesta folosește un comentariu condiționat IE pentru versiunile țintă ale IE sub 9 (ceea ce înseamnă "lt IE 9 înseamnă"). Aceste browsere vor descărca acest script, iar elementele HTML5 vor fi înțelese de acele browsere, deși au fost create logo-ul înainte de existența codului HTML5.

Alternativ, dacă nu doriți să indicați acest script într-o locație în afara locației, puteți descărca fișierul script (faceți clic dreapta pe link și selectați "Save Link As" din meniu) și încărcați-l pe server împreună cu restul resursele site-ului dvs. (imagini, fonturi, etc.). Dezavantajul de ao face în acest fel este că nu veți putea profita de nici o schimbare care se face în acest scenariu de-a lungul timpului.

Odată ce ați adăugat aceste linii de cod pe pagina dvs., puteți să stylizați tagurile HTML 5 ca și dvs. pentru orice alte browsere compatibile HTML5 moderne.

Aveți nevoie de Shiv HTML5?

Aceasta este o întrebare utilă. Când a fost lansat pentru prima dată HTML5, peisajul browserului a fost foarte diferit de cel prezent. Sprijinul pentru IE8 și mai jos a fost încă un lucru important pentru multe site-uri, dar cu anunțul "sfârșitul vieții" pe care Microsoft la făcut în aprilie 2016 pentru toate versiunile de IE de mai jos 11, multe persoane au actualizat browserele și aceste versiuni vechi să fie o preocupare pentru tine. Examinați analizele site-ului dvs. pentru a vedea exact ce browsere utilizează utilizatorii pentru a vizita un site. Dacă nimeni, sau foarte puțini oameni, nu utilizează IE8 și mai jos, puteți fi sigur că puteți utiliza elementele HTML5 fără probleme și nu este nevoie să sprijiniți browserele vechi.

În unele cazuri, cu toate acestea, browserele IE vechi vor fi o preocupare. Acest lucru se întâmplă adesea la organizațiile care folosesc o anumită bucată de software dezvoltată cu mult timp în urmă și care funcționează numai pe o versiune veche a IE. În aceste cazuri, departamentul IT al companiei poate impune utilizarea acestor browsere vechi, ceea ce înseamnă că munca dvs. pentru acea companie trebuie să susțină și instanțe IE învechite.

Acesta este momentul în care doriți să vă întoarceți la html HTML5, astfel încât să puteți utiliza metodele și elementele de design web actuale, dar totuși obțineți suportul de browser complet de care aveți nevoie.

Editat de Jeremy Girard