HTML5 ist ein Überbegriff für verschiedene neue Webtechnologien, nicht bloß reines HTML, sondern bspw. auch CSS3 und Browser-APIs.

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

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 Internet Explorer unter der Version 9 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;
}

• Animation mit CSS3

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