Validátorok használata

Munkánk során érdemes ügyelni arra, hogy az elkészült webalkalmazás feleljen meg a különböző ajánlásoknak (szabványoknak). A szabványosságnak való megfelelés ellenőrzését nevezzük validálásnak.

A W3C online validátorának használata

A HTML5, XHTML, HTML, MathML, SVG, SMIL jelölőnyelvek alapján készített oldalakat egyszerűen validálhatjuk a W3C konzorcium weboldalán elhelyezett ellenőrző eszközzel, amit a http://validator.w3.org/ címen találunk.

A kép (nagyobb változata) külön ablakban is megtekinthető.validacio_w3c_full.jpgA W3C konzorcium validáló eszköze

A validáció során vagy a webcímet adjuk meg (Validate by URI), vagy feltöltjük az ellenőrizendő fájlt (Validate by File upload), illetve magát a forráskódot is beilleszthetjük (Validate by direct input).

Az ellenőrzés (Check) gombra kattintva elindul a validáció folyamata. Amennyiben az oldalunk megfelel a szabványnak, akkor zöld alapon megjelenik a megerősítő szöveg: "The document was successfully checked as …")

A kép (nagyobb változata) külön ablakban is megtekinthető.validacio_valid_full.jpgAz oldal szabványos a validátor szerint

Amennyiben a validátor hibá(ka)t vagy figyelmeztetéseket (warning) talál, akkor egy lista formájában elérhetjük, hogy a forráskód hányadik sorában és oszlopában kell keresnünk a hibát, és annak mi az oka.

A kép (nagyobb változata) külön ablakban is megtekinthető.validacio_notvalid_full.jpgRészlet egy nem valid oldal hibanaplójából

Az alábbi animáció segítségével a validálás folyamatát még egyszerűbben nyomon követhetjük.

Vissza a tartalomjegyzékhez

Validálás a Firefox beépülő moduljának segítségével

Bár a W3C validátora kiváló eszköz, mégis nehézkes lehet a használata. Milyen jó lenne, ha fejlesztés közben már a böngészőprogramban látnánk, hogy az oldalunk szabványos, vagy sem!

A Firefox böngészőprogramba telepíthetünk olyan beépülő modult, amely biztosítani tudja ezt a funkcionalitást.

A validáló eszközt a http://users.skynet.be/mgueury/mozilla címről tölthetjük le. A modul telepítése utána a böngésző ablak státuszsorában láthatjuk, hogy az adott oldal – amit megtekintünk – szabványos-e.

A kép (nagyobb változata) külön ablakban is megtekinthető.validacio_firefoxvalidator_full.jpgA Firefoxba épülő validátor eredménye szabványos, figyelmeztetéseket, illetve hibákat tartalmazó oldalak esetén

A tananyagírás pillanatában az eszköz a HTML5 oldalak esetén nem mutatja, hogy valid-e az oldal, amennyiben a forráskódot megtekintjük (és aktív internetkapcsolatunk van), akkor viszont láthatjuk, hogy vannak-e validitási hibák.

Az alábbiakban működés közben is láthatjuk a validátort.

Vissza a tartalomjegyzékhez

Stíluslapok validálása

A stíluslapok (CSS) validálására szintén találhatunk W3C eszközt, mégpedig a http://jigsaw.w3.org/css-validator/ címen.

A kép (nagyobb változata) külön ablakban is megtekinthető.validacio_cssvalidacio_full.jpgCSS validáló eszköz a W3C oldalán

Itt szintén megtaláljuk a három különböző ellenőrzési lehetőséget (webcím, feltöltés, forráskód), vagyis a használat módja teljesen megegyezik a korábban látott validátoréval.

Vissza a tartalomjegyzékhez