Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

W tym pytaniu łatwo się pomylić, bo większość semantycznych znaczników HTML5 kojarzy się z czymś „jedynym” na stronie, ale w rzeczywistości tylko <main> ma w specyfikacji wyraźne ograniczenie, że powinien wystąpić najwyżej raz. Częsty błąd myślowy polega na tym, że skoro mamy jeden nagłówek graficzny czy jedno duże logo, to ktoś odruchowo zakłada, że <header> też może być tylko jeden. Tymczasem <header> jest elementem, który można stosować wielokrotnie – zarówno jako nagłówek całej strony, jak i nagłówki poszczególnych sekcji czy artykułów. Możesz mieć <header> dla całego dokumentu oraz osobne <header> wewnątrz <article> albo <section>, np. z tytułem i metadanymi. To jest jak najbardziej poprawne i zgodne z HTML5. Podobnie <article> również może pojawić się wiele razy. Jest przeznaczony dla samodzielnych, niezależnych fragmentów treści, które mogłyby funkcjonować osobno: wpisy na blogu, komentarze, wiadomości w serwisie informacyjnym. Typowy layout listy artykułów będzie miał kilka lub kilkanaście elementów <article> w jednym <main>, więc ograniczanie go do pojedynczego wystąpienia byłoby całkowicie sztuczne. <section> z kolei służy do logicznego dzielenia treści na sekcje tematyczne, rozdziały, bloki funkcjonalne. Cała idea tego znacznika polega na tym, że można, a wręcz powinno się go używać wielokrotnie, gdy tylko treść da się sensownie pogrupować. Z mojego doświadczenia wynika, że źródłem pomyłek jest mieszanie pojęć „wizualnie jeden blok na ekranie” z „semantycznie jeden element w dokumencie”. Standard HTML5 bardzo jasno mówi: dokument może zawierać co najwyżej jeden element <main>, który nie powinien być zagnieżdżony w <header>, <footer>, <article> czy <aside>. Natomiast <header>, <article> i <section> są z założenia wielokrotnego użytku i służą do budowania elastycznej, dobrze opisanej struktury strony.