Több cég keresett meg minket az utóbbi időben, hogy segítsünk nekik az oldaluk validálásában. Összeszedtem az ezek alapján leggyakrabban előforduló hibákat, melyek mások számára is segítséget jelenthetnek. Fontos, hogy ezek a validálási szabályok a W3C XHTML 1.0 szabványának felelnek meg!
Íme a 11 leggyakoribb hiba:
1. HTML elemek neveit kis betűvel kell írni, tehát: <html>, <head>, <body>, <h1> …
2. <form> elemen belül a metódus meghatározása szintén kis betűvel történik: method=”post”
3. minden elemet zárjunk le (leggyakrabban a <br>, <hr>, <img> és <input> elemek nem lettek lezárva), tehát helyesen: <br />, <hr />...
4. ne használjunk blokk szintű elemeket soron belüli elemekben, leggyakoribb hiba: a <div> és a <p> elemek használata az <a> elemben
5. javascript eseménykezelőket kis betűvel kell írni, például onkeyup, onmouseover, ...
6. <tr> elem nem kaphat height attribútumot, ezt bízzuk a <td> elemre
7. minden attribútumot idézőjelek közé kell tenni, például: <td rowspan=”2”>
8. ne felejtsük el megadni az alt attribútumot az <img> elemnek
9. és azt se felejtsük el, hogy az <a> elemnek nincs alt attribútuma
10. a <script> elemnek nincs language attribútuma, viszont a type használata kötelező, tehát helyesen: <script type="text/javascript">
+1: Végül egy példa flash valid beillesztésére:
<object type="application/x-shockwave-flash" data="pelda.swf" id="pelda" width="80" height="30”>
<param name="movie" value=" pelda.swf" />
<param name="quality" value="high" />
</object>
És hogy miért is érdemes validálni az oldalunkat?
A valid oldalunk nemcsak a normál böngészőkben fog valószínűleg jól és ugyanúgy (erről azért majd írok egy külön post-ot) megjelenni a különböző platformokon (Windows, Linux, Mac), hanem más eszközökön is, így például a mobiltelefonokon.
Nagyon fontos még a validálás a keresőkben elfoglalt pozíciónk javításához is. Egy webes szabványokkal elkészített oldal sokkal könnyebben feldolgozható a keresőrobotok számára.