Nieprawidłowy XHTML

Poprawność XHTML można podzielić na kilka poziomów:
- Poprawność składni, czyli odpowiednie otwieranie i zamykanie tagów, atrybutów oraz kodowanie znaków. Poprawność pod tym kątem jest niezbędna do wyświetlenia dokumentu.
- Poprawność struktury, czyli odpowiednia budowa dokumentu, np. umieszczanie elementów liniowych w blokowych, a nie odwrotnie. Błędna struktura dokumentu może powodować błędne zachowanie przeglądarek.
-
Semantyczność kodu, czyli wykorzystanie elementów HTML zgodnie z ich przeznaczeniem, np. nagłówki za pomocą
<h1>
, a nie<strong>
albo listy przez<ol>
zamiast<p>
1. ...</p>
, itd. Semantyczny kod pozwala przeglądarkom ułatwić korzystanie z dokumentu (np. zrobić spis treści z nagłówków), a także ułatwia autorowi strony stosowanie języka CSS.
Pierwsze dwa poziomy da się sprawdzić automatycznie za pomocą walidatorów i poprawić automatycznie za pomocą HTML Tidy
Poprawność składni (ang. well-formedness)
Przeglądarki XHTML odmówią wyświetlenia dokumentu, jeśli zawiera on błędy składniowe. Jeśli zamiast strony zobaczysz komunikat o błędzie, sprawdź wskazaną w nim linię kodu i popraw stronę tak, aby była zgodna z zasadami składni XHTML.
Najczęstsze problemy:
Element nie został zamknięty:
<x><y>
foo</x>
<x><y />
foo</x>
<x><y>
foo</y></x>
Próbujesz zamknąć elementy w złej kolejności:
<x>
foo<y>
bar</x>
baz</y>
<x>
foo<y>
bar</y></x><y>
baz</y>
Nazwy otwierającego i zamykającego tagu się nie zgadzają:
<a></A>
<a></a>
Brak wartości lub cudzysłowów w atrybucie:
<option selected>
<option selected="selected">
Niedomknięte cudzysłowy:
<a href="foo>bar</a> <a href="baz">
quz</a>
<a href="foo">
bar</a> <a href="baz">
quz</a>
Przed ostatnim błędem uchroni Cię edytor podświetlający składnię.
Pomocne strony
Zmodyfikowano: 14.11.2006, 22:57