Dlaczego semantyczny HTML wciąż ma znaczenie
Autor Zespół AsasWeb 1 min czytania
Użycie elementu HTML, który naprawdę opisuje treść, daje Ci dostępność, SEO i łatwość utrzymania za darmo. Prawdziwy przycisk jest fokusowalny, obsługiwany klawiaturą i poprawnie ogłaszany bez żadnego JavaScriptu, a czytniki ekranu i wyszukiwarki opierają się na punktach orientacyjnych, kolejności nagłówków i prawdziwych listach, by zrozumieć stronę. Odtwarzanie tych zachowań z ogólnych ostylowanych pudełek kosztuje dodatkowy kod i przeoczone elementy.
Kusi, by budować wszystko z ogólnych pudełek i stylizować je do oczekiwanego kształtu. Semantyczny HTML, czyli używanie elementu, który faktycznie opisuje treść, wykonuje zaskakująco dużo pracy za darmo, a pominięcie go tworzy problemy, które potem rozwiązujesz dodatkowym kodem.
Przeglądarki dają Ci zachowanie za darmo
Prawdziwy przycisk jest fokusowalny, klikalny, obsługiwalny klawiaturą i ogłaszany jako przycisk, bez żadnego JavaScriptu. Odbuduj go ze stylizowanego pudełka, a musisz dodać to wszystko z powrotem ręcznie, i większość zespołów coś pomija. To samo dotyczy linków, kontrolek formularzy i nagłówków.
Technologia wspomagająca na nim polega
Czytniki ekranu budują swoje rozumienie strony z jej struktury: punktów orientacyjnych, takich jak nagłówek, nawigacja, treść główna i stopka, logicznej kolejności nagłówków, list, które naprawdę są listami. Zrób strukturę dobrze, a strona jest nawigowalna. Zrób ją źle, a staje się ścianą nieodróżnialnego tekstu.
Wyszukiwarki też czytają strukturę
Ta sama struktura, która pomaga technologii wspomagającej, pomaga wyszukiwarkom zrozumieć, o czym jest Twoja strona. Właściwe nagłówki, sensowny tekst linków i czysty kod to ciche sukcesy SEO, które nic dodatkowo nie kosztują, gdy stają się nawykiem.
Łatwiej go utrzymać
Semantyczny kod jest krótszy, jaśniejszy i łatwiejszy do zrozumienia dla kolejnego programisty. Mniej kodu, mniej błędów, niższy koszt w czasie.
Używanie właściwego elementu to jedna z najtańszych decyzji jakościowych w tworzeniu stron, i traktujemy ją jako domyślną. Jeśli Twoja strona zbudowana jest z ogólnych pudełek i to widać, rozpocznij projekt, a damy jej solidną strukturę.