HTML Frames

Door het gebruik van frames, kun je meer dan één pagina weergeven in hetzelfde browservenster.

Voorbeeld

Verticale frame
Dit voorbeeld toont hoe je een verticale frame maakt met drie verschillende documenten
Horizontale frame
Dit voorbeeld toont hoe je een horizontale frame maakt met drie verschillende documenten

(Meer voorbeelden zijn te vinden aan het einde van deze pagina)

Frame

Door het gebruik van frames, kun je meer dan één pagina weergeven in hetzelfde browservenster. Elk HTML-document wordt een frame genoemd en elk frame is onafhankelijk van de andere frames.

De nadelen van het gebruik van frames:

  • Ontwikkelaars moeten meer HTML-documenten tegelijkertijd volgen
  • Het is moeilijk om de hele pagina af te drukken
Het framestructuur-tag (<frameset>)
  • Het framestructuur-tag (<frameset>) definieert hoe het venster in frames wordt gesplitst
  • Elke frameset definieert een reeks rijenOfKolommen
  • De waarden van rows/columns bepalen het oppervlak dat elke rij of kolom inneemt op het scherm

Redacteur opmerking:Het frameset-tag wordt ook in sommige artikelen en boeken vertaald als frameset.

Frame-tag (Frame)

Het Frame-tag definieert het HTML-document dat in elk frame wordt geplaatst.

In onderstaand voorbeeld hebben we een frameset met twee kolommen ingesteld. De eerste kolom wordt ingesteld op 25% van het browservenster. De tweede kolom wordt ingesteld op 75% van het browservenster. Het HTML-document "frame_a.htm" wordt geplaatst in de eerste kolom, terwijl het HTML-document "frame_b.htm" in de tweede kolom wordt geplaatst:

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

Basis aandachtspunten - nuttige tips:

Als een frame een zichtbare rand heeft, kan de gebruiker de rand slepen om de grootte ervan te wijzigen. Om dit te voorkomen, kan je de volgende toevoegen: noresize="noresize" in het <frame>-tag.

Voeg de <noframes>-tag toe voor browsers die frames niet ondersteunen.

Belangrijke tip:Je kunt de <body></body>-tags niet tegelijk gebruiken met de <frameset></frameset>-tags! Als je echter een <noframes>-tag toevoegt die een tekstblok bevat, moet je deze tekst omgeven door de <body></body>-tags. (Je kunt dit in het eerste voorbeeld zien.)

Meer voorbeelden

Hoe je de <noframes>-tag gebruikt
Dit voorbeeld demonstreert: hoe je de <noframes>-tag gebruikt.
Gemengde framestructuur
Dit voorbeeld demonstreert hoe je een framestructuur maakt met drie documenten, die zowel in rijen als in kolommen worden gemengd.
Structuur van frames met de eigenschap noresize="noresize"
Dit voorbeeld demonstreert de noresize-eigenschap. In dit voorbeeld zijn de frames niet in te schalen. Als je met de muis over de randen van de frames sleep, zie je dat de randen niet kunnen worden verplaatst.
Navigatieframe
Dit voorbeeld demonstreert hoe je een navigatieframe maakt. Het navigatieframe bevat een lijst van links die de tweede frame als doel hebben. Het bestand 'contents.htm' bevat drie links.
Inline frame
Dit voorbeeld demonstreert hoe je een inline frame (een frame in een HTML-pagina) maakt.
Spring naar een specifieke sectie in een frame
Dit voorbeeld demonstreert twee frames. Een van de frames bevat een link die verwijst naar een specifieke sectie in een ander bestand. De sectie die in het 'link.htm' bestand is gespecificeerd, wordt gemarkeerd met <a name="C10">.
Navigeren naar een specifieke sectie in een frame met behulp van navigatieframes
Dit voorbeeld demonstreert twee frames. De linkerkant navigatieframe bevat een lijst van links, die de tweede frame als doel hebben. De tweede frame toont het gelinkte document. De links in het navigatieframe verwijzen naar de sectie die in het doelbestand is gespecificeerd.