Tavallisimpia WWW-sivulle tehtäviä virheitä

WWW-sivuille tehtävät virheet voivat pahimmillaan estää sivujen katsemisen. Tämän vuoksi on hyvä tietää muutamia yleisesti tulevia editorista tai käyttäjästä aiheutuvia virheitä. Virheiden olemassaolo on toki helppoa huomata WWW-sivun validoinnin yhteydessä. Virheilmoitukset voivat kuitenkin olla epäselviä.

Jotkin elementit eivät voi sijaita toisten elementtien sisällä

WWW-sivun rakenteen määrittelyyn käytettävät elementit voidaan karkeasti jakaa kahteen osaan. Toiset elementit vaikuttavat kappaleisiin ja niiden ominaisuuksiin ja toiset taas kappaleiden sisällä olevan tekstin ominaisuuksiin. HTML-dokumenttia tehtäessä on hyvin tyypillinen virhe sijoittaa tekstin rakenteen ilmaisemiseen käytettävä elementti koskemaan useampaa kappaletta. Esimerkiksi tuntuu kätevältä muokata useamman p-elementillä määritellyn kappaleen tekstejä strong-elementillä. Näin ei kuitenkaan saa tehdä, vaan halutut muutokset pitää tehdä strong-elementillä jokaisen p-elementin sisään. Esimerkkinä käytetää lyhyttä kappaletta, koska laajemman kappaleen koko korostaminen on hieman arveluttava rakenteellinen ratkaisu.

OIKEIN:

<p><strong> Eka tekstikappale..</strong></p>
<p><strong> Toka tekstikappale..</strong></p>

VääRIN:

<strong><p> Eka tekstikappale..</p>
<p> Toka tekstikappale..</p></strong>

Väärin kirjoitettu dokumenttityyppi

Dokumenttityypin määrittelyssä on oltava tarkkana, koska kirjoitusvirhe voi aiheuttaa helpostikin sata käsittämätöntä virhettä. Seuraavassa esimerkissä PUBLIC-sanan kirjoistusasun muuttaminen antaa muutaman virheen validaattorissa.

OIKEIN:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

VääRIN:


<!DOCTYPE html Public "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Attribuuttien arvot ilman lainausmerkkejä

Attribuuttien arvot pitää aina antaa lainausmerkkien sisällä.

OIKEIN:

<a href="http://appro.mit.jyu.fi/">Tietotekniikan approbatur</a>

VÄÄRIN:

<a href=http://appro.mit.jyu.fi />Tietotekniikan approbatur</a>

Linkkielementissä ei käytetä enää name-attribuuttia

XHTML 1.1:n mukana poistuu a-elementistä name-attribuutti, jonka avulla voitiin tehdä dokumentin sisäisiä linkin "hyppykohtia". name-attribuutin tilalle on tullut id-attribuutti, jota voidaan käyttää suoraan kyseisessä elementissä. Enää ei elementin sisään tarvitse lisätä erillistä a-elementtiä. Seuraavassa esimerkissä esitetään sekä uusi että vanha tapa lyhyesti:

OIKEIN: (uusi)

<h1 id="juttuja">Sekalaisia juttuja</h1>

VääRIN: (vanha)

<h1><a name="juttuja";>Sekalaisia juttuja</a></h1>

Käyttäjien kommentit

Kommentoi tätä sivua Lisää uusi kommentti
Kurssimateriaalien käyttäminen kaupallisiin tarkoituksiin tai opetusmateriaalina ilman lupaa on ehdottomasti kielletty!
http://appro.mit.jyu.fi/doc/tyovaline/wwwsivu/index18.html
© Antti Ekonoja (anjoekon@jyu.fi) <http://users.jyu.fi/~anjoekon/>
Tommi Lahtonen (tommi.j.lahtonen@jyu.fi) <http://hazor.iki.fi/>
Jukka Mäntylä (jmantyla@iki.fi) <http://www.iki.fi/jmantyla/>
2003-11-10 10:21:28
Informaatioteknologia - Jyväskylän yliopiston IT-tiedekunta ja avoin yliopisto