XHTML tarkistuslista

 

XHTML koodin menestyksekkään validoinnin vaatimukset:

  1. Ilmoita DOCTYPE eli dokumentti tyyppi
  2. Ilmoita XML namespace
  3. Ilmoita merkkikoodaus
  4. Sulje jokainen tägi
  5. Kaikki sisäkkäiset tagit aidosti sisäkkäin
  6. Tekstitason elementit eivät voi sisältää lohko-elementtejä
  7. Kirjoita kaikki tagit pienillä kirjaimilla
  8. Määritteillä tulee olla sisältö ja sisällöllä lainausmerkit
  9. Käytä erikoismerkkeihin kuten < tai & html-koodausta

muistilista tarkemmin:

Ilmoita DOCTYPE eli dokumenttityyppi

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

<!DOCTYPE
kertoo selaimelle, että tästä alkaa dokumenttityypin ilmoitus
html
kertoo, että html on juuri elementti
PUBLIC
tämä XHTML 1.0 Strict on julkinen
"-//W3C//DTD XHTML 1.0 Strict//EN"
kertoo että tämä on xhtml 1.0 strict versio
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
viittaus tiedostoon, joka spesifioi tämän standardin

Ilman dokumenttityypin ilmoitusta selain menee "quirks tilaan" eli olettaa, että sivu on tehty vanhoille selaimille.

Ilmoita XML nimiavaruus

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

Selain haluaa tietää mitä DTD:ssä on, joka määrittee hyväksyttävät XHTML tagit.

dokumenttityyppi ja nimiavaruus ilmoitukset varmistavat, että selain tulkitsee XHTML koodin halutulla tavalla

Ilmoita merkkikoodaus

<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />

Kaikki tietokoneen toiminta ja kommunikaatio on numeraalista ja jotta selain tietäisi mikä merkki vastaa jotain numeroarvoa eli mikä merkki on tarkoitus näyttää se täytyy koodata. Tämä koodaus perustuu merkistösopimukseen.

Html dokumentin koodaus ilmoitetaan mediatyypin text/html charset parametrilla. Charset tulee sanoista character set

suomen ja englannin kieliset sivut kannattaa kirjoittaa käyttäen koodausta
ISO-8859-1

 

Sulje jokainen tägi

<br> -> <br />

<p> tarvitsee parikseen </p> tagin

Kaikki sisäkkäiset tagit aidosti sisäkkäin

<p><em>aitoa sisäkkäisyyttä etsimässä</p></em>

<p><em>aito sisäkkäisyys löytyi! </em></p>

 

Tekstitason elementit eivät voi sisältää lohko-elementtejä

eli <a> elementin sisällä ei voi olla esim <h1> elementti

myöskään <p> elementin sisällä ei voilla lohkoelementtejä kuten ul, h1, h2 jne.

Kirjoita kaikki tagit pienillä kirjaimilla

<BODY> -> -> <body>

Määritteillä tulee olla sisältö ja sisällöllä lainausmerkit

<a href=linkki.html> <a href="linkki.html">

Käytä erikoismerkkeihin kuten < tai & html-koodausta

&#38; &amp; & eli et-merkki

&#60; &lt; < pienempi kuin -merkki

merkki entiteetit HTML:ssä

Lähteet: Jukka K. Korpela: Xhtml-käsikirja, Charles Wyke-Smith: Stylin' with CSS: A Designer's Guide