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