Web-standardit 2008-01-01 02:35

1990-luvulla HTML:n käyttö oli melko sekavaa. Eri selaimilla (Netscape ja Internet Explorer suurimpina) oli omia elementtejään, eikä tekniikoissa selkeästi erotettu rakenteen, ulkoasun ja toiminnallisuuden tasoja. W3C:n verkkotekniikoiden starndardointi pyrki selkiyttämään tilannetta.

XHTML ja CSS - rakenne ja ulkoasu(t)

Rakenne ja ulkoasu muodostavat asiakirjan eri kerrokset. XHTML:llä merkataan asiakirjan semanttinen rakenne. Vaikka XHTML-elementeillä on oletusulkoasu, esimerkiksi otsikot ovat suuremmalla fontilla ja lihavoituja, ei tätä ulkoasuun liittyvää ulottuvuutta tule ajatella rakenteellisen merkkauksen yhteydessä. Kaikki ulkoasumuotoilut tehdään oikein merkatun asiakirjan eri rakenne-elementeille myöhemmin CSS-määrittelyjen avulla.

XHTML-merkkauksessa ei siis käytetä esimerkiksi ulkoasua kuvaavia kursivointia ja lihavointia...

...vaan rakenneteellisia korostus-elementtejä.

Elementtien oletusulkoasuja voidaan sitten vapaasti muokata CSS-tyyleillä. Ulkoasuja ei tarvitse määritellä joka sivulla elementtikohtaisesti, vaan ne voidaan koota yhteen tiedostoon ja kohdistaa haluttuihin rakenne-elementteihin koko sivuston laajuudelta.

Tässä esimerkissä em- ja strong- elementeille määritellä oletusulkosaut kursivointi ja lihavointi (minkä useimmat selaimet myös oletuksena tekevätkin).

strong {
   font-weight: bold;
}
em {
   font-style: italic;
}

Kätevää CSS-muotoiluissa on, että nuo oletusulkoasut voidaan halutessa helposti määrittää toisiksi, tai niitä voi täydentää.

Web-standardit

Verkkosivuja koodattaessa on siis syytä kiinnittää huomiota web-standardeihin. Vaikka virheellinenkin koodi saattaa aluksi näyttää toimivalta tavallisimmissa PC-tietokoneen selaimissa, nykyään sivuja luetaan kuitenkin myös muilla laitteilla. Näillä laitteilla ei välttämättä ole käytettävissä tietokoneiden prosessointitehoa virheellisen koodin tulkitsemiseksi, ja sivujen toimivuus jää koodauksen oikeellisuuden varaan. Vaikka standardien mukaan kirjoittu koodikaan ei täysin takaa sivun samanlaista toistumista eri ympäristöissä, on oikein kirjoitettu koodi paras lähtökohta eri käyttöympäristöjen erikoisuuksien huomioimiseen.

World Wide Web Concortium

W3C on web-standardeja kehittävä organisaatio. Sivuilta löytyy yksityiskohtaiset 'suositukset' siitä kuinka selainten (user agent) tulisi standardeja toistaa, sekä tiedot myös kehitteillä olevista standardeista. Sivut saattavat olla ensi alkuun melko raskasta luettavaa, mutta kattava lähde syvällisempään opiskeluun.

Developing With Web Standards

Opas web-standardeihin. Myös suomeksi käännettynä: Web-julkaiseminen ja standardit.

Web-standardien edut kävijöille, asiakkaille ja sinulle!

Tiivis ja helppotajuinen yleisesitys Web-standardeista.

Validointi

Web-standardien opiskelun apuvälineenä toimivat W3C:n validointisivut, joilla voi tarkistaa koodauksen oikeellisuuden.

The W3C Markup Validation Service

W3C:n HTML-validointisivu.

The W3C CSS Validation Service

W3C:n CSS-validointisivu.

Firefox-selaimelle on tehty myös validointia helpottavia lisäosia. Näistä enemmän osiossa Työkalut.