HTML-gids
Start | Basis | Links | Opmaak | Kleuren | Afbeeldingen | Tabellen | Opsommingen | Formulieren | Frames | Speciale tekens | Meta-tags
Frames
<html>
<head>
</head>
<frameset rows="100,*">
<frame src="pagina1.htm" name="framenaam1">
<frameset cols="150,*">
<frame src="pagina2.htm" name="framenaam2">
<frame src="pagina3.htm" name="framenaam3">
</frameset>
</frameset>
<noframes>
Alternatieve paginainhoud
</noframes>
</html>
Hierboven ziet u de basisstructuur van een frameset.
De frameset begint met <frameset> en eindigt met </frameset>.
Daarbinnen bevinden zich de frames met <frame> en </frame> als begin- en eindtag.
In het voorbeeld hierboven wordt het venster eerst in twee horizontale rijen verdeeld. De onderste rij wordt vervolgens met een nieuwe frameset in twee kolommen verdeeld. De eerste frameset bevat dus 1 frame en de tweede frameset; de tweede frameset bevat 2 frames. In totaal zijn er dus 3 frames en in elk frame wordt een andere pagina weergegeven, bijvoorbeeld een titelpagina, een menupagina en een normale pagina met inhoud. De frameset zelf wordt in een apart html-bestand opgeslagen, waarbij de frameset de plaats inneemt van de <body> en </body> tags. Onder de frameset komt een alternatieve paginainhoud die wordt weergegeven als de browser van de bezoeker geen frames kan weergeven. Maar dat is tegenwoordig vrijwel nooit meer het geval. Wel heeft het zin om hier een link op te nemen naar de menupagina omdat zoekmachines niet altijd even goed met frames overweg kunnen en via zo'n extra link gemakkelijker bij uw pagina's kunnen komen. Deze alternatieve inhoud staat tussen <noframes> en </noframes>
Het resultaat ziet er ongeveer zo uit (schematisch):
| pagina1 |
| pagina 2 |
pagina 3 |
De attributen en eigenschappen voor <frameset> zijn de volgende:
rows="..." : verdeeldt het venster in horizontale rijen
rows="100,*" : 2 rijen; de eerste 100 pixels hoog, de tweede vult de overige hoogte van het venster
rows="20%,60%,20%" : 3 rijen met een hoogte van respectievelijk 20%, 60% en 20% van de vensterhoogte
cols="..." : verdeeldt het venster in verticale kolommen
cols="30%,70%" : 2 kolommen met een breedte van respectievelijk 30% en 70 % van de vensterbreedte
cols="120,*,40" : 3 kolommen; de eerste 120 pixels breed, de derde 40 pixels breed en de derde vult de overige breedte van het venster
De attributen en eigenschappen voor <frame> zijn de volgende:
src="..." : de verwijzing naar het adres van de pagina die in het frame wordt weergegeven
src="pagina.htm" : naar een pagina in dezelfde map
src="mapnaam/pagina.htm" : naar een pagina in de map 'mapnaam'
src="../pagina.htm" : naar een pagina in de bovenliggende map
src="http://www.website.nl/pagina.htm" : naar pagina in een andere website
name="..." : de naam van het frame; deze naam wordt gebruikt bij links in het attribuut target="..." (kijk bij het gedeelte over links)
frameborder="..." : de dikte van het kader om het frame (0 is geen kader)
noresize="noresize" : de afmetingen van het frame kunnen niet door de bezoeker gewijzigd worden (standaard kan de bezoeker met de muis de frameranden verschuiven!)
scrolling="..." : geeft aan of er een schuifbalk in het frame moet worden weergegeven
scrolling="no" : nooit een schuifbalk
scrolling="yes" : altijd een schuifbalk
scrolling="auto" : alleen een schuifbalk als de paginainhoud niet in het frame past
marginheight="..." : de marge tussen de paginainhoud en de boven- en onderkant van het frame in pixels
marginwidth="..." : de marge tussen de paginainhoud en de linker en rechter kant van het frame in pixels
Iframes
<iframe src="pagina.htm" name"framenaam"></iframe>
Een iframe is een frame dat wordt weergegeven in een gewone pagina. Het begint met <iframe> en eindigt met </iframe>. Daartussen staat niets.
De attributen en eigenschappen voor een iframe zijn de volgende:
src="..." : de verwijzing naar het adres van de pagina die in het iframe wordt weergegeven
src="pagina.htm" : naar een pagina in dezelfde map
src="mapnaam/pagina.htm" : naar een pagina in de map 'mapnaam'
src="../pagina.htm" : naar een pagina in de bovenliggende map
src="http://www.website.nl/pagina.htm" : naar pagina in een andere website
name="..." : de naam van het frame; deze naam wordt gebruikt bij links in het attribuut target="..." (kijk bij het gedeelte over links)
frameborder="..." : de dikte van het kader om het frame (0 is geen kader)
scrolling="..." : geeft aan of er een schuifbalk in het frame moet worden weergegeven
scrolling="no" : nooit een schuifbalk
scrolling="yes" : altijd een schuifbalk
scrolling="auto" : alleen een schuifbalk als de paginainhoud niet in het frame past
marginheight="..." : de marge tussen de paginainhoud en de boven- en onderkant van het frame in pixels
marginwidth="..." : de marge tussen de paginainhoud en de linker en rechter kant van het frame in pixels
height="..." : de hoogte van het iframe in pixels
width="..." : de breedte van het iframe in pixels
Tegenwoordig wordt het gebruik van frames vaak afgeraden. Frames werken prima wanneer bezoekers via de hoofdpagina van een website binnenkomen, maar wanneer een bezoeker zomaar ergens midden op de website binnenvalt (bijvoorbeeld via een zoekmachine) is het moeilijk om de juiste pagina in het juiste frame weer te geven.
Start | Basis | Links | Opmaak | Kleuren | Afbeeldingen | Tabellen | Opsommingen | Formulieren | Frames | Speciale tekens | Meta-tags
|
