Zwei <nav> innerhalb von <header>

[Yael]

Ist es erlaubt, innerhalb von <header> zwei <nav> zu platzieren?

Ich hab eine Top Navigation mit Impressum, Datenschutz, AGB und die zweite soll die eigentliche Punkte beinhalten wie Startseite, Anzeigen, Profile usw.

Bis jetzt habe ich dieses wie folgt umgesetzt

  
<header id="header">  
	<a class="logo" href="index.html" title="zur Startseite">Logo</a>  
  
    <nav>  
        <i class="fa fa-bars" style="margin-right:14px; font-size:14px"><span style="padding-left:5px;"><a href="#">Impressum</a></span></i>  
        <i class="fa fa-envelope-o" style="margin-right:14px; font-size:14px"><span style="padding-left:5px;"><a href="#">Kontakt</a></span></i>  
        <i class="fa fa-info" style="font-size:14px"><span style="padding-left:5px;"><a href="#">Datenschutz</a></span></i>  
   </nav>  
</header>		  

Ich weiß es sind derzeit noch inline CSS vorhanden, dieses habe ich zum testen eingefügt, sobald ich mit der Darstellung zufrieden bin, kommt dieses in eine externe CSS Datei.

Auch weiß ich, dass man eigentlich kein <i> für ein Symbol nehmen sollte, aber leider wird dieses von http://fortawesome.github.io/Font-Awesome/icons/ vorgegeben.