Navigazione principale nella barra laterale - quale tag semantico utilizzare? - html5, navigazione, nav, markup semantico

Sono bloccato nella scelta di cosa utilizzare per la navigazione della barra laterale. Ecco la struttura:

<header>
</header>

<main>
<nav-tag>
</nav-tag>

<article>

</article>

<aside>

</aside>
</main>

Il aside tag mostra contenuti correlati a article. Quindi è inutile usarlo per la navigazione della barra laterale. Dovrei aggiungere a div taggare con id # sidebar e inserire a nav tag in esso? O dovrei solo aggiungere un nav tag con id # sidebar e mettere gli stili della barra laterale per questo? Voglio scegliere quest'ultimo perché senza uno stile ha semanticamente senso in quanto è un contenitore che memorizza un elenco non ordinato di collegamenti.

risposte:

È la navigazione? Se sì, usa nav. Non importa in che modo sia la navigazione visualizzati (barra laterale, intestazione, piè di pagina, nascosto, ...).

Se è la navigazione per l'intero sito, non inserirlo main.

Se è la navigazione per lo specifico article solo (ad es. un sommario o un elenco per separare le parti dell'articolo), posizionare il nav come figlio del article.

Nota a margine: se il aside è correlato all'articolo (anziché alla pagina), potrebbe avere senso includerlo come figlio di article. Se non appartiene a article, probabilmente non dovrebbe essere inserito main. Tutto ciò dipende dal contenuto effettivo e dalla sua comprensione.