320NN Development Wiki

# HTML5

*HTML5* ist ein Überbegriff für verschiedene neue Webtechnologien, die nicht nur rines HTML sondern z. B. auch CSS3, Browser-APIs und mehr umfassen.

## HTML 5

HTML 5 (mit Leerzeichen) ist das eigentliche neue HTML.

### HTML 5-Elemente im Internet Explorer

Der Internet Explorer kennt HTML 5-Elemente erst seit Version 9. Die neuen HTML-Elemente werden zwar (als Inline-Boxen) gerendert, allerdings lassen sich diese nicht über CSS ansprechen. Um dem Internet Explorer die HTML 5-Elemente bekannt zu machen kann z.B. JavaScript verwendet werden.

Mit *Conditional Comments* wird sichergestellt, dass nur der Internet Explorer Version 9 und älter das JavaScript html5.js laden:

<!--[if lt IE 9]>
<script type="text/javascript" src="html5.js"></script>
<![endif]-->

Im JavaScript werden mittels createElement die neuen HTML 5-Elemente erzeugt und somit dem Internet Explorer bekannt gegeben:

html5.js

(function(){
	var elements = Array('article', 'aside', 'audio', 'canvas', 'footer', 'header', 'hgroup', 'nav', 'section', 'video');
 
	for (var i = 0; i < elements.length; i++) {
		document.createElement(elements[i]);
	}
})();

Im CSS muss nur noch angegeben werden, dass die Block-Elemente als solche gerendert werden sollen, da der Internet Explorer sie bisher als Inline-Elemente rendert:

article, aside, audio, canvas, footer, header, hgroup, nav, section, video {
	display: block;
}

## CSS3

• Animation mit CSS3

## Links

• W3C HTML5 Logo
• Can I use …
  Liste der neuen HTML5-Features mit Hinweise auf aktuelle Verbreitung in aktuellen Browsern