Walidator HTML

Free

Sprawdza HTML pod kątem niezamkniętych tagów, zduplikowanych ID, przestarzałych elementów i innych typowych, dobrze zdefiniowanych problemów, zweryfikowane za pomocą własnego parsera dopasowującego tagi, nie pełny walidator zgodności W3C.

To sprawdza typowe, dobrze zdefiniowane problemy HTML (niezamknięte tagi, duplikaty ID, przestarzałe elementy, brakujący tekst alt i podobne), nie jest to pełny walidator zgodności ze specyfikacją HTML5 W3C.

Kod źródłowy HTML

Ostatnia Aktywność

Widoczne dla wszystkich. Ostatnie 20 użyć wśród wszystkich odwiedzających, najpierw najnowsze.

Jeszcze brak aktywności. Bądź pierwszy.

Komentarze (0)

Uznałeś to narzędzie za przydatne? Zostaw komentarz, podziel się wskazówką, lub powiedz nam, jak możemy je ulepszyć.

Jeszcze brak komentarzy. Bądź pierwszym, który podzieli się swoimi przemyśleniami!

Co robi to narzędzie

Wklej HTML, a to narzędzie sprawdzi go pod kątem skoncentrowanego zestawu typowych, dobrze zdefiniowanych problemów: niezamkniętych lub niedopasowanych tagów, zduplikowanych atrybutów id, brakującego tekstu alt na obrazach, przestarzałych elementów, nieprawidłowej składni samozamykającej na elementach niepustych oraz brakujących deklaracji DOCTYPE, lang lub charset. Każdy problem odsyła do linii, w której został znaleziony.

Jak To Działa

Lekki parser skanuje HTML tag po tagu, utrzymując stos aktualnie otwartych elementów, dokładnie tak, jak przeglądarka śledzi zagnieżdżenie wewnętrznie, pomijając komentarze oraz zawartość bloków <script> i <style>. Gdy tag zamykający nie pasuje do tego na szczycie stosu, lub stos ma na końcu pozostałe wpisy, są one zgłaszane jako niezamknięte lub niedopasowane tagi. Osobno wyrażenia regularne skanują w poszukiwaniu zduplikowanych atrybutów id, brakujących atrybutów alt na obrazach i przestarzałych nazw elementów.

Problemy, które rozwiązuje

Znalezienie niezamkniętego tagu, który subtelnie psuje układ strony dalej w dół.
Wychwytywanie zduplikowanych atrybutów id, zanim spowodują nieoczekiwane zachowanie selektora CSS lub wywołania JavaScript getElementById.
Wykrywanie przestarzałych elementów pozostałych ze starego kodu lub skopiowanych i wklejonych fragmentów.
Sprawdzanie podstaw dostępności, takich jak tekst alt i zadeklarowany język dokumentu.

Często zadawane pytania

›Czy to to samo co walidator znaczników W3C?

Nie. Oficjalny walidator W3C sprawdza pełną zgodność ze specyfikacją HTML, setki reguł obejmujących każdy element i atrybut. To narzędzie koncentruje się na mniejszym zestawie typowych, dobrze zdefiniowanych problemów, których wczesne wykrycie jest naprawdę przydatne: niezamknięte tagi, zduplikowane ID, przestarzałe elementy i kilka sprawdzeń brakujących atrybutów. Aby uzyskać pełny raport zgodności, użyj walidatora W3C razem z tym narzędziem.

›Dlaczego brak DOCTYPE, lang lub charset jest oznaczany jako ostrzeżenie, a nie błąd?

Przeglądarki nadal wyświetlą stronę bez nich, więc nie są one krytyczne, ale wpływają na dostępność, internacjonalizację i to, jak niezawodnie przeglądarka wybiera tryb renderowania. Są oznaczane, ponieważ ich naprawienie jest niemal zawsze właściwym wyborem, a nie dlatego, że strona jest bez nich zepsuta.

›Co tutaj liczy się jako "przestarzały" tag?

Elementy, które specyfikacja HTML5 wyraźnie oznacza jako przestarzałe, takie jak <center>, <font>, <marquee> i <acronym>, zwykle dlatego, że CSS obecnie obejmuje to, co one robiły, w sposób oddzielający treść od prezentacji. Nadal działają w przeglądarkach ze względu na kompatybilność wsteczną, ale nie powinny być używane w nowym kodzie.

›Czy sprawdza zawartość wewnątrz tagów <script> lub <style>?

Nie, ich zawartość jest całkowicie pomijana podczas dopasowywania tagów, ponieważ JavaScript lub CSS mogą łatwo zawierać tekst, który wygląda jak tag HTML (na przykład wewnątrz łańcucha znaków), nie będąc nim w rzeczywistości, co w przeciwnym razie powodowałoby fałszywe alarmy.

›Dlaczego oznaczana jest składnia samozamykająca, taka jak <div />?

W HTML (w przeciwieństwie do XML lub XHTML) końcowy ukośnik w elemencie niepustym, takim jak <div> czy <span>, jest po prostu ignorowany, element NIE jest przez to uznawany za zamknięty i nadal potrzebuje własnego, oddzielnego tagu zamykającego. To częste źródło przypadkowych błędów niezamkniętych tagów przy kopiowaniu wzorców z JSX lub XML.

Zamień wpisany tekst lub przesłany obraz w sztukę ASCII. Wybierz styl czcionki lub skalę znaków, zachowaj kolor i eksportuj jako zwykły tekst lub PNG.