Design-Coding | HTML5 & CSS3
Nachdem ich mich nun schon länger mit der Webzukunft HTML5 und CSS3 beschäftige, habe ich mich dazu entschlossen, meine Webseite Design-Coding von Xhtml 1.0 Strict und Css 2.1 auf HTML5 und CSS3 umzustellen.
Das Thema HTML5 und CSS3 ist zwar noch in der Entwicklung, vieles funktioniert aber jetzt schon.
z.B. in den aktuellen Browsern:
- Firefox
- Opera
- Safari
- Chrome
- wahrscheinlich auch im IE9
Den alten IE’s (6,7,8) habe ich die neuen HTML5 Tags per JS document.createElement() beigebracht.
Das Ganze sieht dann so aus:
document.createElement("header");
document.createElement("nav");
document.createElement("section");
document.createElement("aside");
document.createElement("article");
document.createElement("footer");
Eingebunden habe ich das kleine Script per Conditional Comments
<!--[if lt IE 9]>
<script type="text/javascript" src="http://www.design-coding.de/wp-content/themes/dc-html5-css3/js/html5-ie.js"></script>
<![endif]-->
Somit ist garantiert, dass das Script vom IE9, der ja HTML5 beherschen soll, nicht mehr gelesen wird.