HTML5 vnáranie sémantických elementov

[fortran1986]

Mal som s kolegom malú výmenu názorov ohľadom semantiky. On preferuje používať podľa možnosti nesemantické elementy ako div a span. Každopádne, nie na to sa chcem teraz pýtať. Chcem sa opýtať na používanie semantických elementov, či to robím správne (lebo takto to používam už možno 15 rokov):

Kód: [Vybrat]

<article>
    <header>
         <header>
              <div id="pathway">cesta1 / cesta2 / cesta3</section>
         </header>
         <main><h1>Nejaky nadpis</h1></main>
         <footer><strong>pridané:</strong>&nbsp;<div id="date">21. Augusta. 2024</div></footer>
    </header>
    <main> ... </main>
    <footer> ... </footer>
</article>
Ked mám zložitejšiu hlavičku alebo oblasť main či footer, môžem si aj tú rozdeliť na header, aside, main a footer? Mne to tak príde správne. Veď aj hlavička môže mať záhlavie, a potom je to hlavička, hlavičky nie? A taktiež aj hlavička môže mať spodnú časť teda patičku (patička hlavičky) alebo main oblasť, aside, atď.

[Reklama]

[Filip Jirsák]

Vnořování elementů je popsané ve specifikaci nebo v dokumentaci. Dobrý editor nebo validátor by vám měl ukázat, pokud je to špatně. Konkrétně header do sebe podle specifikace vnořovat nelze.

Používat nesémantické elementy tam, kde lze použít sémantické, také není dobře. Ale to už vám žádný validátor nezvaliduje (pokud teda nebude používat umělou inteligenci).