Główna nawigacja na pasku bocznym - który semantyczny znacznik ma zostać użyty? - html5, nawigacja, nawigacja, znaczniki semantyczne

Utknąłem w wyborze elementów do nawigacji na pasku bocznym. Oto struktura:

<header>
</header>

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

<article>

</article>

<aside>

</aside>
</main>

The aside tag pokazuje zawartość związaną z article. Dlatego nie ma sensu używać go do nawigacji na pasku bocznym. Czy powinienem dodać plik div tag z id #sidebar i wstaw plik nav tag w tym? Czy powinienem po prostu dodać nav otagować id #sidebar i umieścić dla niego style paska bocznego? Chcę wybrać drugą opcję, ponieważ bez stylu semantycznie ma sens, ponieważ jest to kontener, który przechowuje nieuporządkowaną listę linków.

Odpowiedzi:

Czy to nawigacja? Jeśli tak, użyj nav. Nie ma znaczenia, w jaki sposób nawigacja jest wystawiany (pasek boczny, nagłówek, stopka, ukryty…).

Jeśli jest to nawigacja dla całej witryny, nie umieszczaj jej w tym miejscu main.

Jeśli to nawigacja dla konkretnego article tylko (np. spis treści lub lista oddzielnych części artykułu), umieść nav jako dziecko article.

Uwaga dodatkowa: jeśli aside jest powiązany z artykułem (zamiast ze stroną), może być sensowne włączenie go jako elementu podrzędnego article. Jeśli nie należy do article, prawdopodobnie również nie powinno być umieszczane w main. Ale wszystko to zależy od faktycznej treści i twojego zrozumienia.