You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 12 Next »

Teknisesti toimivat sivut

DTD ja miten siihen viitataan

DTD:n vaikutus sivuston näkymiseen

  • JOs DOCTYPE-ilmoitus puuttuu html-sivun alusta, osa selaimista menee ns. quirks-moodiin.
  • Quirks-moodi jäljittelee aikaisempien selainten tekemiä virheitä html-sivun esittämisessä
  • siitä johtuen sivu saattaa toimia yllättävällä tavalla, vastoin määrityksiä, jos DOCTYPE-ilmoitus ei toimi

IE 6 menee quirks-tilaan mm. seuraavissa tilanteissa:

  • DOCTYPE-ilmoitus puuttuu kokonaan
  • DOCTYPE ei ole heti dokumentin alussa (sitä edeltää esim. kommentti)
  • DOCTYPE-ilmoitus on vanhaa muotoa (HTML 3.2 tai aikaisempi)
  • DOCTYPE-ilmoituksesta puuttuu URI-osa

Tyypillisiä IE:n virheitä quirks-tilassa:

  • IE ei keskitä elementtiä margin-left:auto & margin-right:auto; -attribuuteilla
  • leveys lasketaan väärin: elementin leveys = sisällön leveys + täyte (padding), kun oikea tapa olisi: elementin leveys = sisällön leveys
  • IE noudattaa table-elementille asetettua height-määritettä, joka on standardin vastainen

Kun selain toimii tilassa, jossa virheet on korjattu, on kyseessä ns. standard-tila

Linkkejä

W3C:n suosituslista eri DOCTYPE-määrittelyistä ja niiden käytöistä: http://www.w3.org/QA/2002/04/valid-dtd-list.html

http://www.quirksmode.org/css/contents.html

Suosituimmat selaimet:  http://www.w3schools.com/browsers/browsers_stats.asp

Metatiedot ja metaelementti, hakurobotit

Kommentointi html:ssä ja css:ssä

Rakenteen ja ulkoasun erottaminen

Merkit ja merkkikoodit

  • Merkki (character) on kirjoituksen alkeisosanen. Merkkejä ovat mm. kirjaimet, numerot, erikoismerkit, tavumerkit jne..
  • Merkin erityistä ulkoasua kutsutaan glyyfiksi, ja glyyfien kokoelmaa fontiksi. Fontin rinnalla voidaan käyttää myös termejä kirjasinleikkaus, kirjasintyyppi tai kirjaintyyppi.
  • Merkkien koodaus tarkoittaa tapaa, jolla koodinumerot ja siten myös merkit esitetään tietokoneen ymmärtämässä muodossa (bitteinä). 
  • HTML-dokumentin koodaus esitetään charset-parametrilla, esimerkiksi

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Mitä koodausta kannattaa käyttää?

Validointi

HTML- ja CSS -dokumenttien oikeellisuus kannattaa tarkistaa ns. validaattoreilla. Validaattorit vertaavat sille annettua dokumenttia niitä koskeviin määrittelyihin ja tarkastavat dokumenttien muodollisen oikeellisuuden.

W3C: What is MArkUp Validation

Erilaisia validaattoreita on verkossa paljon. HTML- ja CSS -dokumenttien validointiin voi käyttää esimerkiksi W3C:n validaattoreita:

HTML: http://validator.w3.org/

CSS: http://jigsaw.w3.org/css-validator/

Selainskriptit yleisesti: mitä ovat, mitä hyötyä?

Tapahtuma-attribuuttien käyttö

Harjoituksia.

  • No labels
You must log in to comment.