Kurs HTML5: Znaczniki semantyczne header, nav, article, section, main i footer

Dlaczego warto stosować znaczniki semantyczne?

Przed erą HTML5 większość struktury strony budowano za pomocą generycznych elementów

z odpowiednimi identyfikatorami lub klasami (np.

). Takie podejście działało, ale nie dostarczało żadnych informacji o znaczeniu poszczególnych elementów strony.

Znaczniki semantyczne HTML5 oferują szereg istotnych korzyści:

Lepsza dostępność – Czytniki ekranu i inne technologie asystujące mogą precyzyjnie interpretować zawartość strony, co znacząco ułatwia korzystanie z niej osobom z niepełnosprawnościami. Przykładowo, czytnik ekranu może wprost poinformować użytkownika, że znajduje się w nagłówku strony (

) lub w menu nawigacyjnym (