HTML / XHTML KOULUTUSTA VUONNA 2008:
Kurssit saatavilla kautta Suomen. Tule ja varaa oma koulutustapahtumasi ! IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat
HTML / XHTML KOULUTUSTA VUONNA 2008:
Kurssit saatavilla kautta Suomen. Tule ja varaa oma koulutustapahtumasi ! IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat
Rakennemoduuli (engl. Structure Module) on sanalla sanoen XHTML:n ydin, koska se määrittelee XHTML-sisällön. Tämä moduuli sisältää dokumentin tärkeimmät rakenteelliset elementit, kuten html-elementin, joka on juurielementtinä kaikissa XHTML-kielissä. Rakennemoduuliin kuuluvat elementit ovat käytettävissä kaikissa XHTML:n versioissa.
Rakennemoduuli koostuu seuraavista elementeistä:
body, head, html, title
Html-elementti muodostaa on xhtml-dokumentin juuren, eli se sijaitsee alimmalla tasolla. Html elementti kostuu head-elementistä ja sitä seuraavasta body-elementistä.
Html-elementillä on vain yksi pakollinen attribuutti, xmlns, joka kertoo xhtml-dokumentin nimiavaruuden (kyseessä on xml-kielissä käytettävä sisäinen rakenne). XHTML-dokumenttien tapauksessa käytettävä nimiavaruus on aina http://www.w3.org/1999/xhtml.
Html-elementin syntaksi on muotoa:
<html xmlns = "http://www.w3.org/1999/xhtml">
</html>
Esimerkiksi:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fi" >
<head>
<title>Esimerkki</title>
</head>
<body>
<h1>Esimerkki</h1>
</body>
</html>
Head-elementin sisään säilötään dokumentin otsikkotiedot. Otsikkotiedot ovat yleensä loppukäyttäjälle näkymättömiä ohjeita selainta ja hakukoneita varten. Esimerkkejä head-elementin sisään sijoitettavasta tiedosta ovat dokumentin otsikko (title-elementti), tyylimäärittelyt (style-elementti), hakukonekuvaukset (meta-elementti) sekä linkit ulkoisiin resurssehin (link-elementti).
Head-elementilla on yksi, verraten tuntematon attribuutti nimeltään profile. Sen avulla voidaan ilmoittaa metadataprofiilin (termi metadata on selostettu xml-oppaiden yhteydessä,profiili säilötään yleensä RDF-dokumenttiin) sijainti. Koska RDF-tiedostojen linkittämiseen HTML/XHTML-dokumenttiin ei ole olemassa vielä standardia tapaa, toinen mahdollisuus metadatan lisäämiseen on link-elementin käyttäminen
Head-elementin syntaksi on muotoa:
<head [profile="URI"]>
</head>
Esimerkiksi:
<head profile="http://www.2kmediat.com/#">
<title>Esimerkki head-elementin käytöstä</title>
<meta name="author" value="KK Mediat"/>
<link rel="omapalikka" href="http://2kmediat.com/a/"/>
</head>
Elementin body avulla määritellään dokumentin runko. Ts. kaikki body-elementin sisällä olevat asiat kuuluvat varsinaiseen dokumenttiin ja ne tulee esittää käyttäjälle selaimen ikkunassa. Body-elementtille voidaan antaa kaksi attribuuttia: " onload; komentojono, joka suoritetaan dokumentin latautuessa " onunload; komentojono, joka suoritetaan käyttäjän poistuessa ko. dokumentista.
Body elementin syntaksi on siis muotoa:
<body [onload="Komentojono" ] [onunload ="Komentojono"]>
</body>
Esimerkiksi:
<body>
<h1>Esimerkki</h1>
<p>Tämä on esimerkki dokumentin rungosta.</p>
</body>
Title-elementti määrittelee dokumentin otsikon (ts. sen, joka näytetään selaimen tilarivillä). Otsikko on XHTML:ssa pakollinen elementti, joka tulee sijoittaa head-elementin sisään. Title-elementin syntaksi on:
<title></title>
Esimerkiksi:
<head>
<title>Esimerkki</title>
</head>
Tutustu artikkelin muihin osiin:
2kmediat.com, ©2000-2008 Koulutus- ja konsultointipalvelu KK Mediat.
Tekijänoikeuksia koskeva tiedonanto |
Tietosuojalausunto |
Sivukartta
