Tyyliohje
Wikipedia
Tyyliohje on rakenteisen dokumentin esitystapaa eli tyyliä kuvaava säännöstö. Kantavana ideana on erottaa rakenteen ja esitystavan kuvaus toisistaan. Siten rakenne pysyy yksinkertaisena ja se voidaan esittää monin tavoin. Omana kokonaisuutenaan esitettyä tyyliä puolestaan on helppo muokata tai päivittää.
[muokkaa] Tyylikieliä
[muokkaa] Tyyliohjeet ja HTML
Tyyliohjeita käyttäen sivun tekijä voi määritellä HTML- tai XHTML-sivun ulkoasun, esim. vihreä teksti keltaisella taustalla. Käytännössä saman asian HTML-asiakirjassa voi tehdä antamalla elementeille määritteitä eli attribuutteja; esim. color="green" ja bgcolor="yellow". Tämä ei ole kuitenkaan suositeltavaa seuraavista syistä:
- HTML on tarkoitettu sivun sisällön ja rakenteen esittämiseen, ei ulkoasun määrittämiseen. Esim. H1-elementillä merkataan päätason otsikko:
<h1>Pääotsikko</h1>. - Mikäli halutaan määritellä miltä otsikko näyttää, täytyy siihen lisätä määritteitä. Esim.
<h1><font color="red">Pääotsikko</font></h1>. Tämä on kuitenkin työläs tapa, mikäli sama elementti toistuu asiakirjassa monesti. - Mikäli tulee tarve vaihtaa kaikkien elementtien tyyliä joksikin toiseksi, voi työtä olla melkoisesti - riippuen elementtien määrästä asiakirjassa.
- HTML ei sisällä riittävästi ominaisuuksia ulkoasun hallintaan, esim. tekstin varjostus puuttuu.
Periaate
- Dokumenttien rakenne määritellään HTML- tai XHTML-dokumentissa.
- Dokumenttien ulkoasu määritellään CSS-tyylilomakkeen avulla.
Hyödyt
- Dokumentin rakenne on yksinkertainen.
- Perusdokumenttien tekeminen on helppoa.
- Sivuilla yhtenäinen ulkoasu.
- Ulkoasun määrittämiseen ei mene aikaa.
- Keskitetty ulkoasun päivitys.
- Sivujen latausaika lyhenee, koska ei tarvitse siirtää ulkoasun määrittämiseen tarkoitettua tietoa.
Haitat
- Selaimet näyttävät asian eri tavoin.
- Noin 1/20 käyttäjistä käyttää selaimia, jotka eivät tue tyylisivuja.
Muistettavaa
- Sivujen tiedot on saatava myös ilman tyylejä.
- Tyylit eivät saa häiritä sivujen käyttäjiä.
- Sivut testattava huolellisesti erilaisilla selaimilla.
