Gunther: HTML5 - Sectioning Elements + Outline

Beitrag lesen

Hallo werte Selfgemeinde,

irgendwie habe ich gerade ein Verständnisproblem ...
Folgender (valider) HTML5 Quellcode:

<!DOCTYPE html>  
<html>  
	<head>  
		<title>Outline Test</title>  
	</head>  
	<body>  
		<header>  
			<h1>Header</h1>  
		</header>  
		  
		<nav>  
			<h1>Navigation</h1>  
		</nav>  
		  
		<main>  
			<h1>Content</h1>  
		</main>  
		  
		<footer>  
			<h1>Footer</h1>  
		</footer>  
	</body>  
</html>  

Sowohl der Validator, als auch der HTML 5 Outliner spucken folgende Outline aus:
1.   Header
     1.  Navigation
2.   Content
3.   Footer

Kann mir mal bitte jemand auf die Sprünge helfen, warum die Outline so und nicht so

1.   Header
2.   Navigation
3.   Content
4.   Footer

aussieht?

Besten Dank im Voraus.

Gruß Gunther