HTML-kehykset

Käyttämällä rameja voit näyttää useita sivuja samassa selaimen ikkunassa.

Esimerkki

Vertikaalinen rameja-asetelu
Tämä esimerkki näyttää, miten voit tehdä vertikaalisen rameja-asetelman kolmella eri dokumentilla.
Horisontaalinen rameja-asetelu
Tämä esimerkki näyttää, miten voit tehdä horisontaalisen rameja-asetelman kolmella eri dokumentilla.

(Lisää esimerkkejä löytyy sivun alalta)

Rameja

Käyttämällä rameja voit näyttää useita sivuja samassa selaimen ikkunassa. Jokainen HTML-dokumentti kutsutaan rameiksi, ja jokainen rame on riippumaton toisistaan.

Väärien käytön haitat:

  • kehittäjien on seurattava useita HTML-dokumentteja samanaikaisesti
  • On vaikeaa tulostaa koko sivua
Rameja-asetelma-tagi (<frameset>)
  • Rameja-asetelma-tagi (<frameset>) määrittää, miten ikkuna jaetaan rameihin
  • Jokainen frameset määrittää sarakeketjuntaiSarakkeet
  • rows/columns-arvot määrittävät kunkin rivin tai sarakkeen ottaman näytön alueen osuuden

Toimittajan huomautus:frameset-tagi on myös joissakin artikkeleissa ja kirjoissa käännetty rameja-asetelmaksi.

Rameja-tagi (Frame)

Frame-tagi määrittää HTML-dokumentin, joka sijoitetaan jokaisessa rameissa.

Tässä esimerkissä olemme asettaneet kaksirivisen rameja-asetelman. Ensimmäinen rivi on asetettu täyttämään selaimen ikkunan 25 %. Toisen rivin on asetettu täyttämään selaimen ikkunan 75 %. HTML-dokumentti "frame_a.htm" on asetettu ensimmäiselle riville, ja HTML-dokumentti "frame_b.htm" on asetettu toiselle riville:

<frameset cols="25%,75%">
　　 <frame src="frame_a.htm">
　　 <frame src="frame_b.htm">
</frameset>

Perus huomiot - hyödyllisiä vinkkejä:

Jos rama on näkyvä reunaviiva, käyttäjä voi vetää reunaviivaa muuttaakseen sen kokoa. Välttääksesi tämän, voit lisätä <frame>-tagiin: noresize="noresize".

Lisää <noframes>-tagi kehyksiä ei tukeville selaajille.

Tärkeä huomio:Ei voida käyttää <body></body>-tagia ja <frameset></frameset>-tagia samanaikaisesti! Mutta jos lisäät <noframes>-tagin, joka sisältää tekstin, tämän tekstin on oltava sisällä <body></body>-tagien sisällä. (Voit katsoa ensimmäisestä esimerkistä, miten tämä tehdään.)

Lisää esimerkkejä

Kuinka käyttää <noframes>-tagia
Tämä esimerkki näyttää, miten <noframes>-tagia voidaan käyttää.
Yhdistetty kehyketostrukturointi
Tämä esimerkki näyttää, miten voidaan tehdä kehyketostrukturointia, jossa on kolme dokumenttia ja ne sijoitetaan riveihin ja sarakkeisiin.
Noresize="noresize" ominaisuuden omaava kehyketostrukturointi
Tämä esimerkki näyttää noresize-ominaisuuden. Tässä esimerkissä kehykset ovat muutettavissa. Kun vedät hiiren rullaa kehyksen reunasta, huomaat, että reunat eivät voi siirtyä.
Navigaatiokehyke
Tämä esimerkki näyttää, miten navigaatiokehykettä voidaan tehdä. Navigaatiokehyke sisältää linkkilistan, joka kohdistaa toiseen kehykseen. "contents.htm"-tiedosto sisältää kolme linkkiä.
Sisäänrakennettu kehyke
Tämä esimerkki näyttää, miten luodaan sisäänrakennettu kehyke (kehyke HTML-sivulla).
Navigoi kehykseen tiettyyn kohtaan
Tämä esimerkki näyttää kaksi kehykettä. Yksi kehykistä on asetettu linkittämään toiseen tiedostoon määritettyyn kohtaan. Tämä "link.htm"-tiedosto määrittää kohdekohtaan <a name="C10">.
Navigoi kehykseen tiettyyn kohtaan käyttämällä kehyksiä
Tämä esimerkki näyttää kaksi kehykettä. Vasemman navigaatiokehyksen sisällä on linkkilista, jotka kohdistavat toiseen kehykseen. Toinen kehyke näyttää linkitetyn dokumentin. Navigaatiokehyksen sisällä olevat linkit kohdistavat tiettyyn kohtaan kohdekehykessä.