Hyppää sisältöön.

Arkisto Syyskuu 2005 6. päivä

Suunnittele sivusto standarditilassa

Nettisuunnittelu, tiistaina 6.9.2005,

Uutta ja uhkeaa täytyy aina kokeilla ja siksi aloitan uuden nettisuunnitteluvinkkien sarjan. Olen huomannut pienten oivallusten auttavan monasti kun taittomalli ei tahdo taittua suunnittelijan ikeen alle. Ei vaikka kuinka jääräpäisesti yrittäisi. Sitten yht’äkkiä keksii yhden pienen asian, jonka avulla saakin homman toimimaan. Näitä jippoja ja neuvoja on netti tietenkin täynnä, mutta löytääkö jokainen ne? Jaankin havaintoni, ettei ihan jokaisen täydy tarpoa samassa suossa. Ja saan ohessa myös hieman blogintäytettä.

Aloitetaan siitä tärkeimmästä.

Nettisuunnitteluvinkki 1: Suunnittele sivusto standarditilassa

Ennen oli helpompaa; kun tuli mieleen jokin tyylillinen, taitollinen tai muuten vaan graafinen juttu, riitti kun äkkiä kirjoitti tyhjään tekstitiedostoon:

<html>
<body>

<p>Esimerkkikappale.</p>

</body>
</html>
    

Ja lähti kokeilemaan sille erilaisia tyylejä. Nykyisin tämä ei enää onnistu, sillä selaimet erottavat toisistaan yhteensopivuustilan (yllä) ja standarditilan (seuraava koodiesimerkki). Ensin mainitusta käytetään nimitystä quirks mode.

Nykyisin täytyy dokumenttiin laittaa myös dokumentin tyyppimääritys (doctype), jota ei kukaan muista ulkoa. Se täytyy siis kaivaa jostain esille ja helpoiten tämä käy valmiista nettisivusta.

Itse aloitan uuden sivun luonnin kopioimalla esimerkiksi blogin etusivun uuteen hakemistoon, poistamalla siitä kaiken body-elementin sisältä ja muuttamalla head-osiossa olevia tietoja. Jäljelle jää jotain seuraavaa:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fi">
<head>
  <title>Otsikko</title>
  <style type="text/css">
    @import "tyyli.css";
  </style>
</head>
<body>

<p>Tästä se alkaa.</p>

</body>
</html>
    

Ja sitten varsinainen ilo voikin alkaa. On tärkeää erottaa toisistaan yhteensopivuustila ja standarditila, sillä yhteensopivuustilassa eri selainten käyttäytyminen on hieman vaihtelevaa. Nettisivua tulkitaan niin kuin selainvalmistaja on parhaaksi nähnyt, yleensä tosin jonkinmoista yhtenäisyyttä silmällä pitäen.

Standarditilan tulkkautuminen on sen sijaan nimensä mukaisesti standardissa määritelty. W3-korsortio tekee parhaansa nettistandardien eteen, ja selainvalmistajien velvollisuudeksi jää näiden standardien noudattaminen.

Tarkoituksena tietenkin taata kaikille netinkäyttäjille yhtenäinen kokemus ja yhdenvertaisuus. Siksi yhteensopivuustilassa tulkitut nettisivut eivät enää kuulu tähän päivään.

Arkisto

Copyright © 2004–2005 Lauri Seppänen. Kommentointi HaloScan.