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

W HTML5 każdy z wymienionych znaczników ma swoją dość precyzyjnie określoną rolę semantyczną i to jest klucz do zrozumienia, dlaczego tylko <footer> nadaje się na stopkę strony. Sporo osób myli te elementy, bo wizualnie można osiągnąć podobny efekt samym CSS-em, ale semantyka ma znaczenie dla wyszukiwarek, czytników ekranu i ogólnego porządku w kodzie. Znacznik <aside> służy do treści pobocznych, takich jak boczne panele, dodatkowe informacje, reklamy, krótkie notki, boks z „podobnymi artykułami” i tym podobne. To coś, co jest powiązane z główną treścią, ale nie stanowi jej głównej osi. Umieszczenie całej stopki w <aside> zaburza logikę dokumentu – roboty i narzędzia dostępności mogą odebrać to jako dodatkowy panel, a nie zakończenie strony. To jest typowy błąd: mylenie „czegoś na dole albo z boku” z „treścią poboczną” tylko dlatego, że tak wygląda layout. <figcaption> ma jeszcze węższe zastosowanie. Ten znacznik opisuje konkretnie podpis do grafiki lub innego elementu w obrębie <figure>. Służy na przykład do opisu zdjęcia, rysunku technicznego, wykresu. Stopka strony to zupełnie inny typ treści, związany z całym dokumentem, a nie z jedną ilustracją. Użycie <figcaption> do stopki jest po prostu sprzeczne z przeznaczeniem i specyfikacją – przeglądarka tego „nie ukarze”, ale semantycznie taki kod jest błędny. Z kolei <header> to semantyczny nagłówek strony lub sekcji. Zawiera zwykle logo, główne menu, tytuł serwisu, czasem wyszukiwarkę. Jest logicznym początkiem, a nie zakończeniem treści. Częsty błąd myślowy polega na tym, że ktoś traktuje <header> i <footer> tylko jako nazwy związane z designem, a nie z rolą w dokumencie. Tymczasem standard HTML5 jasno mówi: <header> – początek sekcji, <footer> – jej zakończenie. Dlatego wybór innego znacznika niż <footer> na stopkę strony łamie założenia semantyczne, utrudnia utrzymanie kodu i w dłuższej perspektywie szkodzi jakości projektu.