HTML5 Elemente für ältere Browser aktivieren
HTML5 ist toll. Aber was tun, wenn ältere Browser die neuen Elemente article, footer, header, hgroup und nav von älteren Browsern nicht erkannt werden.
Noch längst nicht alle Browser kommen mit den neuen Elementen zurecht, die ein wenig Ordnung in den Div-Jungel bringen sollen. Aber nur weil es noch nicht von Allen unterstütz wird, soll ich auf Übersichtlichkeit und die Zukunft verzichten?
Das Problem liegt darin, dass Styles nicht auf Elemente angewendet werden können, die dem Browser unbekannt sind. Rein theoretisch kann ich mir meine eigenen Elemente ausdenken und diese benutzen (z.B. <eintollesElement></eintollesElement> ).
Nun aber zu den HTML5 Elementen. Um Sie dennoch benutzen zu können, kann man sie dem Browser bekannt machen, damit er weiß, dass es sie gibt.
Das geht über Javascript und sieht in etwa so aus.
1 2 3 4 5 6 7 | <script type="text/javascript"> document.createElement("article"); document.createElement("footer"); document.createElement("header"); document.createElement("hgroup"); document.createElement("nav"); </script> |
Was haltet ihr von dieser Methode? Benutzt ihr sie? Gab es Probleme mit Browsern?
Ich für meinen Teil kann nur bestätigen, dass ein alter IE so die Styles für footer, header und nav angewandt hat.
Neueste Kommentare