Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- html:html5 [2015-03-09 16:17] – angelegt a.kamola
+++ html:html5 [2018-06-02 11:26] (aktuell) – Hierarchie korrigiert a.kamola
@@ Zeile 1: / Zeile 1: @@
-====== HTML5 ======
+# HTML5
-//HTML5// ist ein Überbegriff für verschiedene neue Webtechnologien, nicht bloß reines [[html:start|HTML]], sondern bspw. auch [[css:start|CSS3]].
+*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.
-===== CSS3 =====
+## 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