XHTML

HTML / XHTML KOULUTUSTA VUONNA 2008:

Kurssit saatavilla kautta Suomen. Tule ja varaa oma koulutustapahtumasi ! IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat

XHTML:n semantiikasta

Eräs yleisimmistä virheistä, joka liitetään XHTML:n kanssa työskentelyyn, liittyy perusolettamukseen, jolla merkintätapaa käytetään. Useimmille HTML:n parissa pitkään työskennelleille on enemmän tai vähemmän oletusarvoista luottaa ulkoasun laadinnassa taulukoihin, merkitä tabulaarista tietoa luetteloelementtien avulla tai kirjoittaa lähestulkoon kaikki sivulle tuleva sisältö kappale-elementin sisään. XHTML maailmassa nämä kaikki ovat teoriassa huutavia vääryydentekoja. Käyttämällä semantiikaltaan virheellistä XHTML-merkintää tuhoamme samalla perusteet merkintätavan olemassaololle.

XHTML luotiin olemaan XML-pohjainen versio HTML-merkintäkielestä ja mahdollistamaan siten vuorovaikutus XML-sovellusten (nk. Web Services) kanssa. XML-sovellusten periaatteena on jakaa tietoa riippumatta käytettävästä alustasta tai sovelluksesta. Hyviä esimerkkejä XML-sovelluksista ovat esim. MS Excelin kyky seurata ja päivittää automaattisesti Internetissä olevaa tietoa tai Messenger-sovellukset (MSN Messenger, Yahoo Messenger ja AOL Messenger).

XML:n maailmassa käytetään samanlaisia elementtejä (siis <elementti>...</elementti>) kuin HTML:ssäkin yhdellä tärkeällä erotuksella: elementti määrittelee sisällön, ei sen ulkoasua. Jos sijoitamme XML:ssä tietoa taulukkoelementin sisään, tulee sen todellakin sisältää taulukkomuotoista dataa. Jotta ymmärtäisit asian painoarvon, kuvittele tilanne jossa samaa XML-muotoista dataa jaetaan eri päätelaitteiden kesken. Nettiselaimen ruudulla taulukkoon pohjautuva ulkoasu voisi toimia, sen sijaan esim. MS Excel, tietokanta tai muu matkapuhelin, joka yrittää noutaa samaa tietoa menisi tapauksesta enemmän tai vähemmän sekaisin. XML-muotoisen datan päätarkoitus on olla helposti jaettavissa, ymmärrettävässä ja muokattavassa muodossa kaikissa käyttöympäristöissä - tätä varten myös XHTML-koodin tulisi aina olla semantiikaltaan oikeaoppista.

Eri näkökulmista katsoen XHTML voidaan tulkata seuraavasti:

Puritanistinen näkökulma: XHTML-koodin rakenteen ja semantiikan on vastattava todellisuutta. Toisin sanoen taulukkoelementin sisään sijoitetaan vain tabulaarista dataa, sen sijaan taulukoita ei käytetä ulkoasun saavuttamiseksi. Myös kappale ja muut elementit kuvaavat sisällön oikeata painoarvoa. Tällöin saavutetaan myös XML-syntaksin täysi hyöty. Tällaisten käyttäjien tulisi keskittyä käyttämään nk. Strict-määrittelyä.
Perusammattilaisen näkökulma: XHTML-koodi on aina validia, mutta sisällön semantiikkaan ei kiinnitetä puritanistin intohimoa. Maailma ei siis kaadu vaikka osoitetiedon sijoittaisikin kappale-elementin sisään. Sisältöä voidaan siirtää eri ympäristöihin, mutta siirroksen laatu voi olla vaihteleva. Tällaisten käyttäjien tulisi keskittyä käyttämään nk. Transitional-määrittelyä.
Designerin näkökulma: XHTML-koodi on vain HTML:n uusi jatke, joka helpottaa crossbrowser-ulkoasun tuottamisesta muutamin ärsyttävin poikkeuksin. Taulukkoelementtejä käytetään ensisijaisesti ulkoasun muodostamiseen. Käytännössä tässä vaihtoehdossa ei saavuteta mitään XML-syntaksin hyödyistä. Tällaisten käyttäjien tulisi keskittyä käyttämään nk. Loose-määrittelyä, Transitional-määrittelyä tai jotain HTML:n versiota.

Useimpien käyttäjien epäonneksi ei ole olemassa sellaista editoria joka kiinnittäisi huomiota XHTML:n semantiikkaan. Editorit vastaavat ainoastaan siitä, että koodi on validia (ts. elementit ovat oikeassa järjestyksessä), mutta loppu onkin käyttäjästä kiinni. Ikävä kyllä useimmat XHTML-oppaat unohtavat semantiikan käsittelyn kokonaisuudessaan ja kiinnittävät kaiken painoarvon itse syntaksiin. Tämä on kuitenkin selkeästi virheellinen tapa jos haluaa saada aikaiseksi hiemankin laajemman yleisön verkkopalvelulleen.

Paras tapa opiskella elementtien semanttista merkitystä on paljas maalaisjärki. Useimmiten elementtien nimet ja käyttötarkoitus ovat suoraan johdettavissa XHTML:n tageista ja kun näin ei ole, voi niiden käyttötarkoituksen tarkistaa esim. W3C:n XHTML määrittelystä. Seuraavassa kuitenkin joitain keskeisiä tageja semantiikkamäärittelyineen:

Tagin nimi	Elementin nimi	Semanttinen kuvaus
a	anchor	hyperlinkki, viittaus toiseen resurssiin
abbr	abbreviation	lyhenne
address	address	osoitetieto
code	code	koodi
em	emphasized	painoarvoltaan korostettu tieto
h1	heading 1	1. tason otsikko
p	paragraph 1	kappale, leipäteksti
pre	preformatted text	esimuotoiltu teksti

Tiukasti ajatellen XHTML:ssä on vain kaksi elementtiä, jotka on tarkoitettu ulkoasun määrittelyyn:

Tagin nimi	Elementin nimi	Semanttinen kuvaus
div	division	pitkä lohkomuotoinen ryhmittelyelementti
span	spanned content	lyhyt rivinsisäinen ryhmittelyelementti

Kaikilla muilla elementeillä on olemassa semanttinen painoarvo, jonka mukaan niitä tulisi käyttää.

Tutustu artikkelin muihin osiin:
»»» XHTML »»» XHTML:n (ja vähän myös XML:n) historiasta
»»» XHTML »»» Lyhyesti XML:n ja XHTML:n terminologiasta
»»» XHTML »»» Osaan jo HTML:n, mutta en XHTML:ää
»»» XHTML »»» XHTML:n semantiikasta
»»» XHTML »»» Semantiikka ja ulkoasukysymys

XHTML

XHTML:n semantiikasta

Tallenna tämä sivu kirjanmerkkeihin!