320NN Development Wiki

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
# HTML5

*HTML5* ist ein Überbegriff für verschiedene neue Webtechnologien, die nicht nur rines [[html:start|HTML]] sondern z. B. auch [[css:start|CSS3]], [[lexikon:api|Browser-APIs]] und mehr umfassen.

## HTML 5

//HTML 5// (mit Leerzeichen) ist das eigentliche neue [[html:start|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:

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

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

<code javascript 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]);
	}
})();
</code>

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:

<code css>
article, aside, audio, canvas, footer, header, hgroup, nav, section, video {
	display: block;
}
</code>

## CSS3

  * [[css:animation|Animation mit CSS3]]

## Links

  * [[https://www.w3.org/html/logo/|W3C HTML5 Logo]]
  * [[http://caniuse.com/|Can I use …]]\\ Liste der neuen HTML5-Features mit Hinweise auf aktuelle Verbreitung in aktuellen Browsern