Masterfield

A Masterfield Oktatóközpont szakmai blogja. Minden, ami a tanfolyamokról kimaradt

Friss topikok

  • gyuria: Na végre, már nagyon vártam Már annyi téma összejött, hogy egy jó darabig biztos kitart :) (2008.10.24. 08:04) Elindultunk

Linkblog

10 + 1 tipp valid HTML oldal készítéséhez

2008.11.18. 10:07 | kmizsak | Szólj hozzá!

Címkék: keresőoptimalizálás html xhtml validálás attribútum validity

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.

 

 

A bejegyzés trackback címe:

http://masterfield.blog.hu/api/trackback/id/tr6775003

Kommentek:

A hozzászólások a vonatkozó jogszabályok  értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai  üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a  Felhasználási feltételekben.

Nincsenek hozzászólások.