Jak už jsem v anotaci předeslal bude dnešní díl o přechodu na modernější standard XHTML, který vychází z HTML, ale má oproti svému předchůdci přisnější syntax a snaží se navrátit k původnímu účelu, za kterým bylo HTML vytvořené - tedy pro tvorbu strukturovaných dokumentů. To že se pomocí HTML začaly dokumenty i formátovat byl velký odklon od původních záměrů tvůrců. Proto také vznikl jazyk CSS, který se stará o správné zobrazení zformátovaných dokumentů.

V XHTML tedy zmizely značky a atributy, které se starají jen o vzhled určitých prvků, např.: bgcolor="". Tyto atributy a značky byly v HTML 4.01 označeny jako zastaralé a v budoucnu nepodporované - tím budoucnem je právě XHTML. :)

Na co si tedy dat pozor?

Kromě již zmiňovaných zakázaných atributů a značek si musíte dát pozor i na další pravidla, která při psaní validních XHTML dokumentů musíte dodržovat. Nyní si je projdeme.

Použijte správný typ dokumentu

První odlišnost od HTML 4.01 je samozřejmě už ve specifikaci použitého typu dokumentu. Použít můžete například tuto definici:

Značky se nesmí křížit

Toto pravidlo platilo uz v HTML, ale pokud jste ho porušili, prohlížeč se s tim dokázal nějak srovnat. Nyní je to považovaáno za chybu.

Příklad špatného kódu:

A takto je to správně:

Značky a atributy malými písmeny

Značky a atributy se musí v XHTML psát malými písmeny. Tohle pravidlo jsme dodržovali i v našem seriálu. Ačkoli to není pro HTML 4.01 povinné, je to, myslím, dobrý zvyk, který se určitě vyplatí.

Všechny párové značky musí být ukončené

Tohle pravidlo je jednoduché a jasné. Ukončovací tag je poviný u všech párových elementů.

Příklad špatného kódu:

A takto je to správně:

Hodnoty všech atributů musí být v uvozovkách

Tohle pravidlo snad nevyžaduje žádný další komentář. Do uvozovek jsme v našem seriálu psali všechny hodnoty, takže se vám snad toto pravidlo dostalo do krve.

Atribut musí mít hodnotu

Pokud chcete použít atribut, který byl v HTML 4.01 bez hodnoty, musíte ji v XHTML uvést. Vše bude jasné z příkladu:

Nepárové značky musí končit znaky />

Bez dalšího zbytečného vysvětlování uvedu příklad:

Scripty a styly piste mezi znaky <![CDATA[ a ]]>

Atribut name="" nahradte za id=""

Toto pravidlo se tyká elementů a, applet, form, frame, iframe, img, map.

Závěr

Tímto jsme pro dnešek skončili a skončil i celý seriál o tvorbě HTML dokumentů. Děkuji, že jste vydrželi až do konce a doufám, že pro vás byl seriál alespoň v některých částech přínosný.

Ať už budete zdrojový kód psát ručně (tento způsob zastávám já) nebo budete HTML parsovat z XML (tento způsob vyznává mj. Aleš Hakl - jak na to se dozvíte v jeho seriálu) snažte se o validní dokumenty, je to asi nejsnažší způsob, jak pomoci vývoji webu.