XHTML

Virtuaaliwikistä
Siirry navigaatioon Siirry hakuun

XHTML on kehitetty HTML:llän esimerkkiä ottaen XML-kielestä. Eroja ovat esimerkiksi viittaus käytettyyn XML-määrittelyyn, pakollinen pienten kirjainten käyttö kaikissa tunnisteissa, attribuuttien pakolliset arvot, attribuuttien arvojen pakollinen merkitseminen lainausmerkeillä ja elementtien pakollinen sulkeminen. XHTML-dokumentit on helppo muokata jo olemassa olevista HTML-dokumenteista, mikäli niissä ei käytetä skriptausta.

XHTML-tagit ja validi koodaus

XHTML on hyvin tarkka siitä, että elementit aloitetaan ja lopetetaan oikeassa järjestyksessä, toisin kuin HTML. Jos aloitat linkin, esimerkiksi:

 <a href="linkki"><strong> 

Se tulee myös lopettaa kääntöjärjestyksessä

 </strong></a> 

Lisäksi elementtien nimet tulee aina olla pienellä kirjoiteltuja:

 <STRONG> 
 <strong> 

ovat eri elementtejä, joista vain pienellä kirjoitettu käy.

XHTML:llässä sivua aloitetaan aina tietyillä elementeillä. Näitä ovat doctype, html, title, head ja body. Dokumentti lopetetaan aina elementtien body ja html sulkemiseen. XHTML Strict-dokumentin runko:


 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Untitled Document</title>
 </head>

 <body>

 </body>
 </html>


Edl. rungossa määriteltiin doctype XHTML 1.0 Strictiksi ja linkitetään se dtd-tiedostoon. Muita doctypejä ovat esimerkiksi XHTML 1.0 Transitional

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

XHTML Mobile 1.0

 <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> 

XHTML 1.1

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 

Miksi XHTML?

Miksi sitten vaivautuisit oppimaan XHTML:llää? Tällä hetkellä se on johtava verkkokoodauskieli ja näkyy useimmilla selaimilla oikeellisesti, varsinkin jos se on validia. Tämä siksi, koska XHTML on standardisoitu, toisin kuin HTML, ja selaimet oli helppo opettaa lukemaan standardisoitua materiaalia.

XHTML kannattaa valita jo, vaikka olisit opetellut HTML:llää. Eroja ei ole paljon.