HTML/Basiscursus/Frames: verschil tussen versies
Verwijderde inhoud Toegevoegde inhoud
k fr: |
Uitbreiding |
||
Regel 3:
== Raamwerk ==
Speciaal voor het raamwerk is de frameset-[[HTML:Document Type Definitions|DTD]] ontwikkeld. in plaats van een [[HTML: body-tag|''body''-tag]] maakt u gebruik van een [[HTML: frameset-tag|''frameset''-tag]], waarin u eventueel een [[HTML: noframes-tag|''noframes''-element]] kunt plaatsen om alternatieve inhoud te geven voor ''user agents'' die geen frames steunen.
U kunt in de frameset aangeven of u de pagina verdeeld in kolommen (door middel van het ''cols''-attribuut) of in rijen (door middel van het ''rows''-attribuut). Ook kunt u frameset-elementen nestelen om zo meerdere malen (delen van) een pagina te verdelen. De daadwerkelijke verwijzingen naar de verschillende frame-pagina's plaatst u door middel van een [[HTML: frame-tag|''frame''-tag]] in de juiste frameset. Hieronder volgt een voorbeeld dat past bij de bovenstaande illustratie.
{{Code|
| Taal=HTML
| Titel=Een frameset-pagina
| Code=
<nowiki><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Een simpel frameset-document</head>
</head>
<frameset cols="20%, 80%">
<frame src="menu.html" name="menu">
<frame src="inhoud.html" name="inhoud">
<noframe>
<p>Dit frameset-document bevat de volgende frames:</p>
<ul>
<li><a href="menu.html">Een menu</A>
<li><a href="inhoud.html">De eigenlijke inhoud</A>
</ul>
</noframes>
</frameset>
</html></nowiki>
}}
Het ''name''-attribuut bij ieder ''frame''-element zal later erg handig blijken wanneer u naar bepaalde frames wilt linken.
== Een frame ==
Het frame zelf verschilt niet van een normale pagina. Denk er echter aan dat de inhoud van het [[HTML: title-tag|''title''-element]] van de frameset zal worden weergegeven wanneer er via de frameset naar het frame wordt gekeken.
== Linken naar het goede frame ==
Wanneer u via een link in het menu de inhoud van een ander frame, in dit geval het inhoudsframe, wilt veranderen, dan zult u dat in de link bekend moeten maken. U zult een doelframe bekend moeten maken door middel van een ''target''-attribuut op de link.
{{Code|
| Taal=HTML
| Titel=Link waarvan de inhoud wordt geopend in een bepaald frame
| Code=
<nowiki><a href="inhoudspagina2.html" target="inhoud">Blaat</a></nowiki>
}}
== Iframes ==
[[Afbeelding:Iframes_Voorbeeld.png|thumb|Een schets bij de code van de situatie bij iframes. Op de pagina ''normalepagina.html'' is in een iframe de pagina ''iframe.html'' opgenomen.]]
Iframes zijn een variatie op het frames-principe. Nu maakt u geen aparte frameset-pagina om vervolgens de verschillende frames als losse stukken inhoud te behandelen, maar maakt u een normale pagina waarin u door middel van een iframe een andere pagina plaatst.
U maakt gebruik van de volgende code:
{{Code|
| Taal=HTML
| Titel=Een iframe plaatsen
| Code=
<nowiki><iframe src="iframe.html" name="Woei">
<p>Deze tekst is bedoelt voor user agents die het gebruik van iframes niet ondersteunen. Hier zou dus alternatieve informatie moeten worden gegeven.</p>
</iframe></nowiki>
}}
== Voor- en nadelen ==
Regel 21 ⟶ 77:
* "Alternatieve" browsers hebben het vaak moeilijk met frames en kunnen ze niet weergeven.
* Het is moeilijk, zo niet onmogelijk om frames de juiste afmetingen te geven. U wilt er immers voor zorgen dat bijvoorbeeld een menu helemaal te zien is en dat het geen scrollbalken bevat, maar daarnaast moet het andere frame ook nog goed zichtbaar zijn op kleine beeldschermen (palmtops etcetera).
Het verdient dan ook de voorkeur om herhaalt voorkomende elementen dynamisch te laten plaatsen door middel van [[PHP]], [[ASP]] of een andere scripttaal. Zo bespaart u uzelf veel extra werk, terwijl u niet vastzit aan de nadelen van frames.
== Meer informatie ==
* [http://www.w3.org/TR/REC-html40/present/frames.html De specificaties over frames] (Engels)
* [http://www.htmlhelp.com/nl/faq/html/frames.html Veelgestelde vragen over frames in de WDG FAQ] (Nederlands)
* [http://www.naarvoren.nl/artikel/frames.html Een artikel van Naar Voren over frames] (Nederlands)
* [http://www.blindsurfer.be/bsig09N.htm BlindSurfer over frames] (Nederlands)
{{HTML-navigatie|
| |||