html5shiv

Mit HTML5 kamen auch einige neue HTML-Layout-Tags wie <section>, <article>, <header> oder <footer>. In Layout-Belangen funktionieren sie wie herkömmliche <div>-Tags, strukturieren den Inhalt der Webseite aber in einer für Maschinen verständlichen Form. Leider werden sie in alten Browsern (Internet Explorer 7 und 8) nicht einfach wie <div>-Tags behandelt, insbesondere können sie nicht einfach mit CSS gestyled werden.

Das kleine Script "html5shiv" schafft hier Abhilfe. Es rüstet diese neuen HTML5-Tags mit semantischer Bedeutung in alten Browsern nach, sodass HTML5-Code in alten Browsern ohne Anpassungen verwendet werden kann. Neue HTML5-Tags, die nicht das Layout betreffen, sondern zusätzliche Funktionen mitbringen (wie <video> oder <canvas>) werden von dem Script jedoch nicht nachgerüstet!

Die Verwendung ist denkbar einfach:

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Wer nicht möchte, dass die Datei von Google abgerufen wird, kann die Datei auch herunterladen, auf seinem Webspace hosten und oben dann den entsprechenden Pfad angeben.

Der Quellcode für "html5shiv" findet sich hier: https://github.com/aFarkas/html5shiv

Tags: Webdesign