Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

DTD ja miten siihen viitataan

Ks. HTML-sivun luominen ja julkaisu

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:

...

Tällä hetkellä IE 6-selainta käyttää enää reilu 15% käyttäjistä, joten kyseessä on katoava ongelma.
Katso selainten statistiikkaa: http://www.w3schools.com/browsers/browsers_stats.asp

Linkkejä

Metatiedot ja metaelementti, hakurobotit

  • Termi metatieto tarkoittaa tässä yhteydessä tietoa html-sivusta (esimerkiksi tekijä, luontipäivä jne.)
  • raja metatiedon ja sivun sisällön välillä voi olla häilyvä
  • HTML-sivussa metatietoa voidaan kirjoittaa sivun HEAD-osioon META-elementin avulla
  • META-tieto on tarkoitettu useimmiten tilastoinnin ja hakukoneiden käyttöön
  • Tärkeät hakukoneet kuitenkin hyödyntävät META-tietoa huonosti

Lisätietoa Wikipediasta

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
    No Format
    <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

  • Selainskriptit ovat selaimen suoritettavaksi kirjoitettuja ohjelmia
  • usein lyhyitä
  • ohjelman "käynnistää" usein jokin tapahtuma, event: esimerkiksi sivun latautuminen tai hiiren painikkeen painaminen
  • Selainskriptejä käytetään usein erikoisefekteihin (uuden ikkunan avautuminen tms.), mutta myös tärkeisiin toimintoihin: lomakkeen tietojen tarkistus, alkeelliset laskutoimitukset jne.
  • Skriptit kkirjoitetaan useimmiten JavaScriptillä
  • Skripti aloitetaan ja lopetetaan script-elementillä <script> </script>

Esimerkiksi:

No Format

<script type="text/javascript">
document.write("<h1>Toimiiko?</h1>")
</script> 

...

W3 Schools: http://www.w3schools.com/html/html_scripts.aspImage Removed

Tapahtuma-attribuuttien käyttö

...