Menthal27

XHTML: Epäsuositeltavat elementit

Tässä osiossa esitellyt elementit ovat oikeastaan jäännöksiä HTML 4:stä. Tämän vuoksi ne sisältävät sivun ulkoasuun vaikuttavia ominaisuuksia. Osa elementeistä, kuten frame ja iframe, ovat muuten vain vanhentuneita ja epäkäytännöllisiksi todettuja. Tämän vuoksi tällä sivulla esiteltyjä elementtejä ei suositella käytettäviksi eivätkä ne ole sallittuja XHTML 1.0:n Strict-muunnoksessa. XHTML 1:ssä on toki muitakin elementtejä, jotka eivät ole sallittuja Transitional-muunnoksen ulkopuolella.

Suurimman osan tällä sivulla esitellyistä elementeistä voi korvata CSS-muotoiluilla tai toisilla XHTML-elementeillä.

Oletusfontin määrittäminen (basefont)

Basefont-elementin avulla voidaan määrittää oletusfontin tyylin (face), värin (color) ja koon (size). Värin tulee olla heksakoodi, rgb-arvo tai värin nimi. Koon tulee olla numero väliltä 1-7.

Basefont-elementti päätellään itsensä sisällä, ja se vaikuttaa kaikkeen sen jälkeen olevaan sisältöön. Sivulla voi olla useita basefont-elementtejä. Kaikki selaimet (mm. Mozilla Firefox 2) eivät kuitenkaan enää tue tätä elementtiä.

Tämän elementin voi korvata CSS:n fonttimuotoiluilla.

Esimerkiksi:

<basefont face="Georgia" size="3" color="#445566" />

Fontin määrittäminen (font)

Font-tagin avulla voidaan määrittää halutun tekstipätkän tyyli (face), väri (color) ja koko (size). Tämän elementin voi korvata CSS:n fonttimuotoiluilla.

<font face="Arial" color="blue" size="3">Tekstiä</font>

Kehykset (frame)

Kehysten avulla voi jakaa yhden web-sivun eri kokoisiin ikkunoihin. Jokaisesta ikkunasta näkyy jokin toinen web-sivu. Ikkunoista voi määrittää linkkejä avautumaan toisiin ikkunoihin.

Ratkaisuna kehykset ovat kuitenkin hyvin ongelmallisia ja hankalia niin käyttäjien kuin hakukoneidenkin kannalta, eikä niitä suositella käytettäviksi.

Sivulla, jolla kehysten koodi sijaitsee, tulee käyttää XHTML:n Frameset-muunnosta.

Kehysten koodi aloitetaan aina frameset-tagilla:

<frameset>
</frameset>

Cols ja rows ovat attribuutteja, joilla frameset (eli sivu) jaetaan varsinaisesti osiin. Cols kertoo kehyssetin ikkunoiden leveyden (pikseleissä) vaakasuunnassa ja rows pystysuunnassa. Eri ikkunoiden leveydet erotetaan toisistaan pilkulla. Tähti (*) tarkoittaa, että ikkunan leveys/korkeus on se tila, joka ruudusta jää jäljelle muiden ikkunoiden viemän tilan jälkeen.

<frameset cols="200,*,200" rows="200,*">
</frameset>

Yksittäinen ikkuna merkitään frameset-tagien sisälle itsensä sisällä pääteltävällä tagilla frame. Src-attribuutti kertoo ikkunassa näkyvän sivun osoitteen.

<frameset cols="200,*,200" rows="200,*">

<frame src="ylayksi.html"/>
<frame src="ylakaksi.html"/>
<frame src="ylakolme.html"/>

<frame src="alayksi.html"/>
<frame src="alakaksi.html"/>
<frame src="alakolme.html"/>

</frameset>

Ikkunoille voidaan antaa nimiä erityisellä name-attribuutilla.

<frameset cols="200,*,200" rows="200,*">

<frame src="ylayksi.html" name="yksi"/>
<frame src="ylakaksi.html" name="kaksi"/>
<frame src="ylakolme.html"/>

<frame src="alayksi.html"/>
<frame src="alakaksi.html"/>
<frame src="alakolme.html"/>

</frameset>

Haluttuihin ikkunoihin voidaan linkittää asettamalla ikkunan nimi linkin target-attribuutin arvoksi.

<a href="mansikka.html" target="kaksi">Linkki</a>

Mikäli sivun vierailijan selain ei tue kehyksiä, hänelle näytetään noframes-tagien välissä oleva sisältö. Kehysten tukemattomuus on kuitenkin nykyään harvinaista.

<frameset cols="200,*,200" rows="200,*">

<frame src="ylayksi.html" name="yksi"/>
<frame src="ylakaksi.html" name="kaksi"/>
<frame src="ylakolme.html"/>

<frame src="alayksi.html"/>
<frame src="alakaksi.html"/>
<frame src="alakolme.html"/>

<noframes>
Valitettavasti selaimesi ei tue kehyksiä.
</noframes>

</frameset>

Frameborder-attirbuutti määrittää ikkunoiden välissä olevan reunuksen leveyden pikseleissä. Scrolling puolestaan määrittää mahdollisen vierityspalkin ilmaantumiseen ikkunaan: no merkitsee, ettei vierityspalkkia tule koskaan, yes puolestaan lisää ne aina. Auto lisää vierityspalkin tarvittaessa. Noresize-attribuutti estää ikkunoiden koon muuttamisen käsin. Attribuutit marginwidth ja marginheight määrittävät kehykselle marginaalia vaaka- ja pystysuunnassa.

<frameset cols="200,*,200" rows="200,*">

<frame src="ylayksi.html" name="yksi" frameborder="0"/>
<frame src="ylakaksi.html" name="kaksi" frameborder="0"/>
<frame src="ylakolme.html" scrolling="no"/>

<frame src="alayksi.html" noresize="noresize"/>
<frame src="alakaksi.html"/>
<frame src="alakolme.html"/>

<noframes>
Valitettavasti selaimesi ei tue kehyksiä.
</noframes>

</frameset>

Monimutkaisempia kehyksiä voi rakentaa asettamalla useita frameset-elementtejä sisäkkäin.

Sivun sisäiset kehykset (iframe)

Iframe eroaa tavallisesta kehyksestä kahdella tavalla: se voi olla vain yksiosainen, ja sen voi upottaa tavalliseen XHTML-sivuun (dokumenttityypin tulee olla Transitional). Iframe on ikään kuin yksittäinen "ikkuna" sivulla, josta näkyy jokin toinen sivu. Linkittäminen tapahtuu samalla tavalla kuin tavallisessakin kehyksessä.

Src-attribuutti kertoo kehyksessä näkyvän sivun osoitteen, height ja width puolestaan kehyksen leveyden ja korkeuden (pikseleissä). Frameborder määrittää reunuksen leveyden (pikseleissä), align kehyksen tasauksen sivulla (yleensä sen arvo on joko left [vasen], right [oikea] tai center [keskellä]). Scrolling-, name-, marginwidth- ja marginheight-attribuutit toimivat samoin kuin tavallisissa kehyksissä.

Esimerkiksi:

<iframe src="etusivu.html" name="sisakehys" width="200" height="100" align="right"></iframe>

Alleviivaus (u)

U-tagi alleviivaa tekstin.

<u>Esimerkki.</u>

Yliviivaus (s ja strike)

S- ja strike-tagit yliviivaavat tekstin.

<s>Esimerkki.</s>

Menu-elementti merkitsee listan, jonka on tarkoitus toimia sivun navigaationa. Käytännössä se näkyy käyttäjälle samoin kuin ul-pohjainen lista.

Esimerkiksi:

<menu>
<li>Kohta 1</li>
<li>Kohta 2</li>
</menu>
  

Menthal27 © Sonja Valkeinen 2002-2008. Shadows. WP. Takaisin sivun alkuun.