Ciao volevo sapere se questa semplice ramificatura in html5 per un semplice portfolio è corretta dal punto di vista semantico (soprattutto riguardo l'utilizzo di SECTION e ARTICLE):

codice:
<body>
	
	<header>
		<div id="logo"></div>
		<h1>Titolo</h1>
	</header>
	
	
	<nav>
		<ul>
			[*]About
			[*]Works
			[*]Contacts			
		[/list]
	</nav>
	
	
	<section>
		<h2>Titolo secondario</h2>
		

</p>
	</section>	
	
	
	<section>

		
		<article>
			<h3>titolo lavoro</h3>
			<div>
				<div>foto1</div>
				<div>foto2</div>
				<div>foto3</div>
			</div>
		</article>

		
		<article>
			<h3>titolo lavoro</h3>
			<div>
				<div>foto1</div>
				<div>foto2</div>
				<div>foto3</div>
			</div>
		</article>
				
	</section>

	
	<footer>
		
		
		<nav>
			<ul>
				[*]About
				[*]Works
				[*]Contacts			
			[/list]
		</nav>
		
	</footer>
	
</body>
grazie, Davide.

P.S. Ogni suggerimento e miglioria è ben accetto!