Ero sivun ”XHTML” versioiden välillä

Virtuaaliwikistä
Siirry navigaatioon Siirry hakuun
Rivi 3: Rivi 3:
 
== XHTML-tagit ja validi koodaus ==
 
== 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 <tt><a href="linkki"><strong></tt>, se tulee myös lopettaa kääntöjärjestyksessä <tt></strong></a></tt>. Lisäksi elementtien nimet tulee aina olla pienellä kirjoiteltuja: <tt><STRONG></tt> ja <tt><strong></tt> ovat eri elementtejä, joista vain pienellä kirjoitettu käy.
+
XHTML on hyvin tarkka siitä, että elementit aloitetaan ja lopetetaan oikeassa järjestyksessä, toisin kuin HTML. Jos aloitat linkin, esimerkiksi <tt> <a href="linkki"><strong> </tt>, se tulee myös lopettaa kääntöjärjestyksessä <tt> </strong></a> </tt>. Lisäksi elementtien nimet tulee aina olla pienellä kirjoiteltuja: <tt> <STRONG> </tt> ja <tt> <strong> </tt> 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:
 
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:
Rivi 22: Rivi 22:
  
  
Edl. rungossa määriteltiin doctype XHTML 1.0 Strictiksi ja linkitetään se dtd-tiedostoon. Muita doctypejä ovat esimerkiksi XHTML 1.0 Transitional (<tt><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></tt>), XHTML  Mobile 1.0 (<tt><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"></tt>) ja XHTML 1.1 (<tt><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"></tt>)
+
Edl. rungossa määriteltiin doctype XHTML 1.0 Strictiksi ja linkitetään se dtd-tiedostoon. Muita doctypejä ovat esimerkiksi XHTML 1.0 Transitional (<tt> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> </tt>), XHTML  Mobile 1.0 (<tt> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> </tt>) ja XHTML 1.1 (<tt> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> </tt>)
  
 
== Miksi XHTML? ==
 
== Miksi XHTML? ==

Versio 27. tammikuuta 2011 kello 18.32

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"> , se tulee myös lopettaa kääntöjärjestyksessä </a> . Lisäksi elementtien nimet tulee aina olla pienellä kirjoiteltuja: ja 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"> ) ja 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.