XHTML/Podstawowe zasady XHTML

Istnieje klika podstawowych zasad odróżniających XHTML od wszystkich poprzednich specyfikacji HTML. Zasady te ograniczają dowolność składni wcześniej stosowaną, zbliżając standardy składni HTML w stronę XML. W niniejszym dziale zostanie zawarte kilka kluczowych zasad zapisu poprawnej składni XHTML.

Atrybuty w cudzysłowach

Wcześniejsze specyfikacje HTML nie wymagały umieszczania właściwości atrybutów w cudzysłowach, obecnie jest to wymagane do każdej użytej właściwości, nawet pustej.

• w HTML <a href='index.php' target=_blank>; w XHTML <a href="index.php" target="_blank">

Nazwy atrybutów i tagów wyłącznie małymi literami

Oznacza to, że w każdym tagu, wszystko musi być zapisane małymi literami. Dotyczy to zarówno nazw znaczników, a także nazw atrybutów. Jedynym wyjątkiem od tej reguły są wartości atrybutów, które i tak należy umieszczać pomiędzy znakami apostrofu lub cudzysłowia. Oznacza to, że takie konstrukcje są nie proprawne:

 <BR />
 <br ID="CoS" />
 <A HREF="/" />

Należy je poprawić na następujące:

 <br />
 <br id="CoS" />
 <a href="/" />

Konieczność stosowania atrybutu ALT dla tagów IMG

Oznacza to, że znacznik:

<img src="obrazek.gif" />

Jest niepoprawny, ze względu na brak użycia atrybutu ALT, który zawiera tekst alternatywny dla obrazka, wyświetlany wtedy, gdy obrazek nie może być wyświetlony. Nawet jeżeli nie chcemy określić wartości tego atrybutu musimy wstawić atrybut z wartością pustą :

<img src="obrazek.gif" alt="" />

Taka konstrukcja jest poprawna.

Wszystkie atrybuty muszą posiadać wartość

Inaczej mówiąc, niedopuszczalne jest zjawisko minimalizacji atrybutów. Oznacza to, że znacznik:

<table nowrap>

Jest niepoprawny, ze względu na użycie atrybutu nowrap, który nie posiada wartości. Jeżeli jednak nie jesteśmy pewni, jaką wartość wstawić, wpisujemy nazwę atrybutu w cudzysłowie:

<table nowrap="nowrap">

Taka konstrukcja jest poprawna.

Wszystkie znaczniki muszą być zamknięte

Stosowane do tej pory znaczniki pojedyncze typu:

• <BR>
• <HR>
• <IMG>
• <LINK>

zamykamy poprzez dodanie slasha na końcu znacznika. Wskazane jest wstawienie znaku oddzielającego(spacji) przed slashem.

• w HTML: <BR> ; w XHTML: <br />
• w HTML: <HR> ; w XHTML: <hr />

Tagi posiadające znaczniki kończące, jak

• <A>
• <LI>
• <UL>

w dalszym ciągu są stosowane ze znacznikami kończącymi, ale o ile zakończenia niektórych ze znaczników nie były wcześniej wymagane, o tyle w standardach XHTML jest to obowiązkowe.

Przyłady:

<link rel="stylesheet" type="text/css" href="styl.css" /> lub <link rel="stylesheet" type="text/css" href="styl.css"></link> <img src="obrazek.gif" alt="Obrazek" />