06 Jun

HTML5 Kompatibilität bis IE6

Ich weiß, es gab von mir nun schon zwei Artikel zum Thema HTML5 und alte Browser, in denen ich ausführlich über die aktuellen Möglichkeiten gesprochen oder viel mehr geschrieben habe, doch gerade habe ich noch eine weit einfachere Möglichkeit gefunden.

Wenn man ohne viel Drumherum Erfolge erzielen will, eignet sich natürlich die Methode der zusätzlichen DIV-Container recht gut, doch es geht noch effizienter. In dem Blog von John Resig findet sich ein kleines JavaScript, genannt “HTML 5 Shiv”, dass dieses Problem sehr einfach löst.

Immer wenn beim Rendern der Seite ein, dem Browser unbekanntes Objekt auftaucht, meinetwegen der footer-Tag, ruft das Script den Befehl document.createElement() auf, um das unbekannte Objekt zu erzeugen. Nach dieser Methode könnte man also einfach ein Code-Segment im Kopfbereich der Seite anlegen und nacheinander alle HTML5 Tags, die man verwenden möchte, erzeugen, etwa so:

document.createElement('header'); document.createElement('footer'); document.createElement('article'); ...

Noch einfacher geht das mit dem HTML 5 Enabling Script von Remy Sharp, welches genau das für alle neuen Tags tut.

Eingebunden in eine entsprechende Browser-Abfrage (es muss ja nicht unnötig geladen werden) lässt sich das ganze also so eibinden: