HTML5-Elemente im IE ohne Javascript
Bei Peter Kröner steht’s schon, aber ich trage das hier mal der Vollständigkeit halber mal nach: im WHATWG Blog gibt es eine Anleitung, wie man die neuen HTML5-Elemente für den IE stylen kann, wenn Javascript abgeschaltet ist. (Wie es mit JS hatten wir schon.)
Simon Pieters schlägt einen Dreischritt vor:
- Know what the DOM looks like and target other elements than the new elements for styling.
- Use the universal selector (
*) to target the right element.- Use
noscript.
Dabei ist das Kernstück folgender CSS-Regeltrick: statt dieses schönen Konstruktes für Browser, die die Elemente stylen können…
article + header + h1 + p { font-weight:bold }
… schreibt man, speziell auf IE zugeschnitten…
body > * + * + h1 + p { font-weight:bold }
… ersetzt also die unbekannten Elemente durch den universellen Selektor. Naja…
Ggf. auftretende Nebenwirkungen lassen sich vermeiden, in dem man sowas in ein Stylesheet nur für IEs ohne Javascript packt (das ist allerdings lustig):
<head>
<!--[if IE]>
<noscript><link rel="stylesheet" href="ie-noscript.css"></noscript>
<![endif]-->
Darauf muss man nun wieder erstmal kommen. Im ganzen ziemlich großer Aufwand noch, aber immerhin, eine Möglichkeit.
The above techniques might not be very scalable or might well impact maintanence, but the point of this article is to show that it is possible to use the new elements while still supporting IE with scripting disabled.
Noch keine Kommentare.
Kommentare geschlossen.