HTML5 tagy v IE8

Webdesign

POZOR! Článek jsem napsal před více jak rokem, a tudíž už nemusí reflektovat můj nynější názor nebo může být zastaralý.

Jak využít CSS3 efekty v IE8 už jsem zmiňoval. Ještě schází dodat podporu nových HTML5 tagů. Proč je o tom píšu až teď? A je vůbec nutné nové tagy používat? Dá se říci že jde o začarovaný kruh. Dokud Google nebude lépe přistupovat k sémantickému obsahu, nebudou ho kodéři používat. A dokud to kodéři nebudou používat nemá Google důvod to řešit. Ale poslední dobou začínám vídat weby s HTML5 tagy už celkem často a proto se k nim chci připojit. Kód pak vypadá napohled lépe, než s DIVy. A implementovat podporu pro starší prohlížeče je docela jednoduché. V IE8 je vlastně nutné ošetřit pouze dvě věci:

  1. Možnost nastylovat nové tagy
  2. Zobrazit je jako blokové

První problém, kdy v IE8 nemůžeme nastylovat tagy, které nezná lze vyřešit celkem jednoduše. IE8 totiž tagy znát může, ale musí dojít jejich vytvoření, například přes JavaScript. Pouhá definice v HTML kódu mu nestačí.


Problém číslo dva spočívá v tom, že tagy, které IE nezná zobrazí jak řádkové. Stačí tedy nastavit zobrazení do bloku.


Oba problémy najednou lze vyřešit i vložením následujícího scriptu:


Znáte někoho, komu by článek mohl pomoct? Zasdílejte mu ho :)

Komentáře