HTML validáció

A Khan Academyn a „Jaj ne!” figura szól, hogyha valami gond van a weblapoddal. Viszont ez csak a nagyobb hibákat jelzi, pedig előfordulhatnak kisebb hibák is. Például, hogy az oldal nem teljesen felel meg a HTML specifikációnak. A böngészők viszont nem jelzik a hibák nagy részét. Többnyire nagyon megengedőek, mert arra törekednek, hogy működjön az oldal. Ezért előfordulhat, hogy nem is tudsz róla, ha valami gond van a weblapoddal. Így érdemes a weblapodon lefuttatni egy W3 helyesség-ellenőrzést, más néven validációt. Ez végignézi a weboldaladat, és megmondja, hogy érvényes-e, és jelzi ha valami nincs rendben. Ha használni szeretnéd, nyisd meg a validator.w3.org oldalt. Itt beillesztheted az URL-t, feltölthetsz egy fájlt, vagy akár be is másolhatod a kódodat. Én ez utóbbit fogom csinálni. Veszem azt a weboldalt, amin a legutóbbi videóban dolgoztunk, beillesztem ide és validálom. Remek! Sikeresen validáltuk HTML5 fájlként, és nem volt benne hiba. Kiváló! Akkor próbáljunk ki most egy másikat! Ez a külső HTML hivatkozásokról szóló példánk. Beillesztem és validálom. Aha, van egy hiba benne, és két figyelmeztetés. Nézzük csak meg lent! Azt mondja, hogy az image elemnek szükséges az alt attribútum. Na ez pont az a tipikus alt attribútum, amit gyakran el szoktunk felejteni. Mi ugyan látjuk a képeket, de nem mindenki látja. Ilyenkor vissza kell mennem a HTML-hez, és hozzá kell adnom az alt attribútumot. Ez itt a kép. Legyen mondjuk alt egyenlő „Photo of Tom Berners-Lee next to computer”. Most átmásolom, ide feljövök és beillesztem, majd újra validálom. És tessék! Most már érvényes ez a HTML is. Amikor csak lehet, próbálj érvényes HTML oldalakat készíteni, mert akkor sokkal biztosabb, hogy a böngésző úgy fogja értelmezni, ahogy azt elvárod. Most pedig menj és validálj te is párat a weboldalaid közül, nézd meg, hogy érvényesek-e!