Jak sprawić, by HTML5 działał w starszych wersjach Internet Explorera

Jednym z głównych powodów, dla których programiści mogą jeszcze nie przenosić się na HTML5, jest postrzegany brak obsługi starszych przeglądarek. W rzeczywistości jest to nieprawda i chociaż może być wymagane trochę jiggery pokery do właściwej wstecznej kompatybilności, nadal jest to możliwe.

Oczywiście przez starsze przeglądarki mam na myśli Internet Explorer, ponieważ wszyscy inni główni gracze aktualizują się regularnie, a ich użytkownicy zwykle idą w ich ślady: przeglądarki takie jak Firefox, Safari i Opera od jakiegoś czasu obsługują HTML5. Niektórzy programiści mogą zdecydować się na zaprzestanie obsługi IE6, ale dla niektórych nie jest to możliwe, a w każdym razie ani IE7, ani IE8 nie obsługują HTML5. IE9 będzie działać, ale działa tylko w systemach Windows Vista i Windows 7, więc inne wersje będą nadal dostępne przez długi czas, jak widzieliśmy w przypadku IE6.

Co więc należy zrobić, aby HTML5 działał w Internet Explorerze?

jak wyczyścić moją listę na Netfliksie

Nieznane elementy

Przede wszystkim IE nie wyrenderuje żadnych elementów, których nie rozpoznaje, więc całkowicie zignoruje elementy strukturalne HTML5, takie jak |_+_|, |_+_|, |_+_|, |_+_ | i |_+_|, wszystkie główne części witryny HTML5. Można to naprawić, informując IE o tych elementach za pomocą JavaScript. Najlepszym sposobem na to jest uwzględnienie HTML5 shiv scenariusz, stworzony przez Remy Sharp. Ten poręczny skrypt tworzy wszystkie istotne elementy HTML5, o których IE będzie teraz wiedział podczas renderowania strony.

Jednym z problemów jest to, że nie będzie działać dla użytkowników, którzy mają wyłączoną obsługę JavaScript. Niestety nie można tego obejść, więc programista musi podjąć decyzję, czy użyć HTML5, czy pozostać przy HTML 4.01.

Stylizacja

Większość przeglądarek ma wewnętrzne arkusze stylów, które między innymi stosują |_+_| do blokowania elementów poziomu. Podczas gdy niektóre nowsze przeglądarki robią to teraz dla odpowiednich elementów HTML5, niektóre nie i należy to dodać dla wszystkich przeglądarek. Wystarczy dodać następującą stylizację:

header

Elementy formularza

A co z niektórymi nowymi elementami, takimi jak nowe typy wejść – jak się renderują w starszych przeglądarkach?

Właściwie dobrze. Ponieważ specyfikacja HTML5 została rozszerzona w sposób wstecznie kompatybilny , wszelkie typy danych wejściowych, które nie są rozpoznawane, są po prostu traktowane jako |_+_| i tak będzie proste.

Multimedialne

Jak już wspomniałem w przeszłości, wideo a elementy audio są zaprojektowane tak, aby umożliwić powrót do Flasha, który będzie działał dobrze w Internet Explorerze.

ten komputer obsługuje tryb gry

Przejście na HTML5 nadal będzie stopniowe, a niektórzy nie widzą ani nie będą musieli korzystać z żadnej z nowych funkcji, które zapewnia, ale kiedy to zrobią, mogą być (stosunkowo) bezpieczni, wiedząc, że starsze przeglądarki sprawią, że ich witryny będą dobrze renderowane.