Losuj cytat:

Nie daj się powalić przez nieszczęście, ale przeciwstawiaj mu się z wzmożoną odwagą.
 - Wergiliusz

Jak zmusić IE 8 do obsługi elementów HTML5

Jak zmusić IE 8 do obsługi elementów HTML5

Przeglądarka Internet Explorer w starszych wersjach (poniżej 9 numeru) nie obsługuje HTML5 jednak można ją zmusić, aby wyświetlała nowe znaczniki. Wyświetlała nie znaczy rozumiała. Przykładowo elementy takie jak <video> czy <audio> nadal nie będą działać w starszych wersjach przeglądarki. Pocieszającym jest fakt że wstawione przez nas treści będą wyświetlane i będzie działała wersja drukowana strony.

Aby zmusić przeglądarkę Internet Explorer 8 lub w niższej wersji należy wkleić w sekcji <head> kod:

<!--[if lt IE 9]> 
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]-->

 

lub jeśli mamy u siebie w folderze plik .js

<!--[if lt IE 9]> 
<script src="dist/html5shiv.js"></script> 
<![endif]--> 

 

Kod ten przeznaczony jest tylko dla IE od wersji 8 w dół. Inne przeglądarki poprostu go zignorują.

 

To jeszcze nie wszystko! IE 8 może udawać, że jest IE 7. Gdy czytelnik strony kliknie przycisk widoku zgodności, IE 8 przełącza się w tryb IE 7 i wtedy wyświetla strony bez pełnej obsługi CSS3. To samo dzieje się gdy firma Microsoft umieści Twoją stronę na specjalnej liście witryn, które gigant bierze za lepiej wyglądające w trybie IE 7 niż IE 8.

Na szczęście da się nakazać przeglądarce, aby wyświetlała strony jak trzeba, wystarczy dodać element META nakazujący IE 8 ignorować widok i listę zgodności.

Umieść poniższy wiersz kodu w elemencie <head>. Znacznik ten działa też w nowszych wersjach Internet Explorera, oznacza to, że nowsze przeglądarki również powinny działać w trybie standardowym.

 

<meta http-equiv="X-UA-Compatible" content="IE=edge" />