Validita je správnosť zdrojového kódu webovej stránky. Najprv sa dozviete, prečo je výhodná. Ukážeme si niektoré zásady, ktoré treba dodržiavať. Spomenieme aj jazyk XHTML, ktorý je veľmi príbuzný HTML a považuje sa za jeho modernú náhradu.
Validné stránky sú ľahko spracovateľné pre internetové prehliadače. Znamená to menej práce pre tvorcov prehliadačov, rýchlejšie načítanie a hlavne menšiu pravdepodobnosť vykresľovacích chýb.
Prácu ušetríte aj sebe, pretože ľahšie nájdete chyby v kóde. Mali by sa tiež zmenšiť rozdiely medzi zobrazením v rozličných prehliadačoch, z čoho vyplýva menej časté testovanie.
Validný kód sa dobre spracúva aj internetovým vyhľadávačom. V praxi to môže znamenať mierne posilnenie pozície vo výsledkoch vyhľadávania.
Na začiatku sa vám môže validita zdať zbytočnou stratou času. Postupne si však na ňu zvyknete a budete ju pokladať za samozrejmosť.
V prvom rade musíme určiť, v akom jazyku (a jeho verzii) je dokument napísaný. Túto informáciu uvádzame vždy na prvom riadku zdrojového kódu, ešte pred tagom HTML. Nazýva sa DOCTYPE.
V súčasnosti sa používa najmä verzia HTML 4.01. Okrem číselnej verzie je nutné určiť aj použitý variant - Strict, Transitional alebo Frameset.
Dokument validný podľa HTML 4.01 Strict dodržuje všetky pravidlá dané konzorciom W3 a nepoužíva žiaden neodporúčaný tag ani atribút. Tu je jednoduchý príklad takejto stránky:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Povinný titulok</title> </head> <body> <p>Text</p> </body> </html>
Ak použijeme verziu Transitional (nazývanú tiež Loose), môžeme používať neodporúčané tagy a atribúty (FONT, STIKE,...). Miesto horeuvedeného kódu použijeme tento:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset je takmer zhodné s Transitional, no používa sa pre stránky obsahujúce definíciu rámcov. Deklaruje sa takto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Ak chceme, aby boli naše stránky validné, musíme použiť správnu kostru dokumentu - povinné sú DOCTYPE, HTML, HEAD, TITLE a BODY.
Párové tagy ukončovať musíme (<div></div>), napárové nesmieme (<br>). Je tu však pár výnimiek, napr. tagy P a LI ukončovať môžeme, no nemusíme. Osobne však ich ukončovanie odporúčam.
Môžeme používať len tagy, ktoré sú správne pre danú verziu HTML. V HTML 4.01 Strict sú zakázané napr. značky STRIKE, ISINDEX, IFRAME,... Ak sa rozhodnete pre verziu Transitional, môžete si vybrať z väčšieho množstva tagov. To však väčšinou nie je nutné, keďže ide o zastaralé tagy, ľahko nahraditeľné novými alebo použitím jazyka CSS.
Podobne, aj používanie niektorých atribútov je obmedzené (ALIGN, BORDER,...).
Vybrané atribúty niektorých tagov sú povinné. Napríklad, každá značka IMG musí mať ALT (alternatívny text).
Špeciálne znaky je nutné nahradiť entitami. Ide najmä o zámenu týchto znakov:
< na < > na > & na &
Niektoré tagy sa nesmú nachádzať vnútri iných. Väčšinou je to logické - určite nikoho nenapadne dať blokový prvok (P) do riadkového (SPAN).
Pre zistenie, či naša stránka obsahuje správny zdrojový kód, sa používa online validátor priamo od W3C - konzorcia, tvorí webové štandardy.
Na rýchle overenie validity môže poslúžiť aj rozšírenie Firefoxu.
Musím poznamenať, že validita sa neoveruje pre stránky ako celok (celú doménu), ale pre každý dokument zvlášť.
XHTML (Extensible Hypertext Markup Language) je kombinácia jazykov HTML a XML. Dokumenty v ňom napísané sú jednoducho rozšíriteľné o nové možnosti a dokáže spolupracovať s inými jazykmi. Vyznačuje sa striktnejšími pravidlami ako HTML, čo zvyčajne spôsobí rýchlejšie spracovanie v prehliadačoch. XHTML je tiež vhodné pre mobilné zariadenia s obmedzenými systémovými prostriedkami.
Ak chceme mať XHTML validnú stránku, musíme dodržiavať najmä tieto zásady:
<br/> <img src="a.png" alt="*"/>
<p>a<i>b</p></i> je nesprávne a <p>a<i>b</i></p> správne.Tu je príklad XHTML 1.0 Strict validnej stránky:
<?xml version="1.0" encoding="windows-1250"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sk" lang="sk"> <head> <title>Stránka v XHTML</title> </head> <body> <p> Nepárový tag: <input type="text"/> </p> </body> </html>
Ak používate neodporúčané tagy a atribúty, hodí sa vám XHTML 1.0 Transitional. Má takýto DOCTYPE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
A nakoniec je tu ešte variant Frameset, určený pre stránky obsahujúce definíciu rámcov:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">