Walidacja kodu html strony internetowej

Walidatory sprawdzają dokument pod kątem niezgodności ze specyfikacją języka oraz błędów w samym kodzie. Potrafią wyszukać brakujące lub nieprawidłowo użyte znaczniki oraz błędne zastosowanie styli. Narzędzia do walidacji wyświetlają znalezione błędy, miejsca ich występowania w kodzie. Określają także, dlaczego uznały dany fragment kodu za błąd.

Używanie walidatora

Za przykład posłuży nam darmowe narzędzie udostępniane przez organizację W3C pod tym adresem.

Podajemy tam adres naszej strony, lub załączamy plik. Następnie klikamy Check. Wyświetli się nam raport, zawierający spis błędów znalezionych w kodzie, oraz często sugestie jak te błędy naprawić.

Walidator W3C

Raport dla tej strony zawiera 61 ostrzeżeń i błędów.

Ostrzeżenia

Przyjżyjmy się jednemu z ostrzeżeń. Ostrzeżenia pokazują niezgodność ze standardami W3C, które nie wpływają bezpośrednio na wyświetlanie witryny. Takie komunikaty można zignorować. Natomiast błędy pokazują niepoprawną składnię kodu i nie powinny być ignorowane.

Walidator W3C - ostrzeżenie

To ostrzeżenie z raportu sugeruje dodanie do znacznika html atrybutu określającego język treści strony. Dzieje się tak, ponieważ walidator wykrył użycie na stronie języka polskiego. Podpowiada więc użycie atrybutu lang="", aby jednoznacznie określić język i ułatwić życie robotom wyszukiwarek internetowych.

Błędy

Ten przykładowy błąd z raportu informuje, że styl czcionki powninien być okreslony za pomocą CSS, a nie w dawniejszy sposób - znacznikiem HTML.

Walidator W3C - błąd

Widok podsumowania i filtrowanie wyników

Zdarza się, że dany błąd w kodzie popełniony jest wielokrotnie. Nie trzeba w raporcie czytać o każdym przypadku z osobna. Klikając Message Filtering mamy możliwość zobaczyć pogrupowany spis wszystkich błędów i ostrzeżeń, a także przefiltorwać je według potrzeb.

Walidator W3C - filtr

Podgląd kodu źródłowego

Mamy możliwość sprawdznia gdzie dokładnie w kodzie występują błędy, na jakie miejsca zwrócić uwagę. Aby włączyć taki podgląd należy zaznaczyć checkbox source.

Walidator W3C - source

Istnieje wiele narzędzi do walidacji, często bardziej rozbudowanych oraz płatnych. Jednak sprawdzenie składni kodu oferowane przez narzędzie W3C jest wystarczające. Z innych naszych poradników dowiesz się co jeszcze sprawdzić przed publikacją witryny.