Tyyliohje

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ää.

Tyylikieliä 
 CSS
 XSL
 skaalattavan vektorigrafiikan kuvauskielessä (SVG) on määritelty tyylisääntöjä

Tyylisivut ja HTML 
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.

Katso myös 
 Www-sisällönhallinta
 Informaatioarkkitehtuuri

W3C-standardit
Internet