Tyylisivu tai 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ää.
 |
Tähän artikkeliin tai osioon ei ole merkitty lähteitä, joten tiedot kannattaa tarkistaa muista tietolähteistä. Voit auttaa Wikipediaa lisäämällä artikkeliin tarkistettavissa olevia lähteitä ja merkitsemällä ne ohjeen mukaan. |
Tyylisivuja käyttäen sivun tekijä voi määritellä HTML- tai XHTML-sivun ulkoasun, esimerkiksi vihreä teksti keltaisella taustalla. Käytännössä saman asian HTML-asiakirjassa voi tehdä antamalla elementeille määritteitä eli attribuutteja; esimerkiksi 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. Esimerkiksi 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ä. Esimerkiksi
<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, esimerkiksi 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 on testattava huolellisesti erilaisilla selaimilla.
Wikiwand in your browser!
Seamless Wikipedia browsing. On steroids.
Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.
Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.
