Transcript xhtml - Aariset.com
HTML
©Reino Aarinen, 2015
XML
XHTML-dokumentti alkaa XML-versiom ää rittelyll ä :
ja XHTML –dokumenttityyppim ää rittelyll ä (seuraava sivu) . N ä m ä m ää rittelyt kertovat Internet-selaimille (browser, navigator, explorer), ett ä kyseess ä on standardi XML dokumentti, mit ä k ä ytetty, mill ä sek ä mist ä standardimerkist öä dokumentissa on XHTML-versiolla dokumentti on kirjoitettu dokumenttityypin m ää rittelyt (DTD) l ö ytyv ä t.
XHTML 1.0/1.1 dokumenttityypit
html
PUBLIC "-//W3C//DTD XHTML 1.0
Strict
//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
html
PUBLIC ”-//W3C//DTD XHTML 1.0
Transitional
//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
html
PUBLIC "-//W3C//DTD XHTML 1.0
Frameset
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> //EN"
html
PUBLIC "-//W3C//DTD XHTML
1.1
//EN" "http://www.w3.org/TR/xhtml
11
/DTD/xhtml
11
.dtd">
HUOM!
Jokaisella XML dokumentilla täytyy olla juurielementti, jonka sisällä kaikki muut elementit ovat. XHTML:ssä juurielementti on .
Juurielementti ja nimiavaruus
Seuraavaksi dokumentissa määritellään käytettävä (tässä oletus-)
nimiavaruus
, joka ilmoitetaan juurielementissä xmlns (XML name space) -attribuutilla ja sille annettavalla URL-osoitteella. Attribuutti xml:lang puolestaan ilmoittaa, mitä kieltä dokumentin tekstissä käytetään: ...
Juurielementin
sisään kirjoitetaan dokumentin otsikko eli
elementti ja sisältö eli
elementti:
elementin sisään kirjoitetaan koko dokumentin
Molemmat elementit voidaan sijoittaa vain dokumentin voivat sisältää useampia tyylimäärittelyitä.
elementin sisään. Molempia voi tarvittaessa olla useampia, ja molemmat Jos sama asia tyylitellään kahteen kertaan, viimeisin pätee (Cascading Style Sheets, CSS).
HTML 4.01 ja XHTML rungot
Elementtien sisältö
Elementin sisältö voi olla: Tyhjä (esim.
,
, , … ) Tekstiä Toisia elementtejä Tekstiä ja toisia elementtejä (mix) Jokaisella elementillä on tasan yksi äitielementti, jonka sisällä se kokonaan on. Saman elementin sisällä olevat lapsielementit ovat sisaruksia (sibling).
Elementit sijoittuvat näytölle normaalisti peräkkäin siinä järjestyksessä kuin ne tulevat lähdekoodissa vastaan. Ne asettuvat äitielementtinsä sisällä seuraavaan vapaaseen paikkaan. Jokainen elementti on joko inline- tai block-elementti.
Attribuutit
Elementeillä voi olla lisätietoa attribuuteissa ( ominaisuuksia tai parametreja.
nimi=”arvo” pareja aloittavassa tagissa), jotka määrittelevät sisällölle Kaikilla elementeillä on standardiattribuutit, joista tärkeimmät ovat: id, title, style ja class tapahtuma-attribuutit (näistä myöhemmin lisää) Jokaisen elementin ympärille voidaan määritellä CSS tyylisivun avulla täyte (padding) ja rajaviiva (border). Lisäksi elementillä voi olla marginaali (margin)sisaruksiinsa.
Otsikot ja lohkotaso
html head title meta link style script body h1..h6
p ol tai ul li dl dt dd div
Dokumentin otsikkotiedot. Koskevat koko dokumenttia.
Ei renderoida näytölle.
Dokumentin näkyvä (renderoitu) osa koostuu lohko- eli block-elementeistä ja niiden sisällä olevista lohko- ja inline elementeistä.
Tässä ensin lohkotason elementtejä.
Lohkotaso jatkuu
body
jatkuu
table form caption thead , tbody , tfoot tr th , td
method=GET|POST action=URL
input
type=text|hidden|password|submit|reset| button|checkbox|radio|image|file
textarea select option optgroup button label fieldset legend
Inline-taso
Fyysiset tyylit
tt,i,b,big,small,u,s,strike, font,basefont
Loogiset tyylit
em , strong , dfn , code , q , sub , sup , samp , kdb , var , cite , abbr , acronym
Muut tyylit
br , span , bdo, ins , del
Linkit ja ankkurit
a , nav
Median upotus
img, embed, applet, object, iframe, map
XHTML Strict yhteenveto
© Reiska 2015
XHTML Strict mallipohja
Seuraavilla sivuilla on luettelo viimeisimmän XHTML 1.0 Strict /XHTML 1.1 version elementeistä:
XHTML 1.0 Strict elementit
Structure
html head body div span
Meta Information
DOCTYPE title meta link style
Text
p h1, h2, h3, h4, h5, h6 strong em abbr address bdo blockquote cite q code ins del dfn kbd pre samp var br
Links
a base
Images and Objects
img map area object param
Lists
ul ol li dl dt dd
Tables
table tr td th tbody thead tfoot caption col colgroup
Forms
form input textarea select option optgroup button label fieldset legend
Scripting
script noscript
Presentational
b, i, tt, sub, sup, big, small, hr