HTML Rammer

Ved hjælp af rammer kan du vise mere end én side i samme browservindue

Eksempel

Vertikal ramme
Dette eksempel viser, hvordan man laver en vertikal ramme ved hjælp af tre forskellige dokumenter
Horisontal ramme
Dette eksempel viser, hvordan man laver en horisontal ramme ved hjælp af tre forskellige dokumenter

(Du kan finde flere eksempler nederst på siden)

Ramme

Ved at bruge rammer kan du vise mere end én side i samme browservindue. Hvert HTML-dokument kaldes en ramme, og hver ramme er uafhængig af de andre rammer.

Ulemper ved brug af rammer:

  • Udviklere skal spore flere HTML-dokumenter samtidig
  • Det er svært at udskrive hele siden
Rammeinddelingstagget (<frameset>)
  • Rammeinddelingstagget (<frameset>) definerer, hvordan vinduet skal deles op i rammer
  • Hver frameset definerer en række af rammerellerKolonner
  • Værdierne for rows/columns bestemmer hvor meget af skærmen hver række eller kolonne tager op

Redaktørens bemærkning:frameset-tagget blev også af nogle artikler og bøger oversat til rammeinddeling.

Rammeetiket (Frame)

Frame-tagget definerer HTML-dokumentet, der skal placeres i hver ramme.

I det følgende eksempel har vi sat op en tokolonnevis rammeinddeling. Den første kolonne er indstillet til at tage op 25% af browservinduet. Den anden kolonne er indstillet til at tage op 75% af browservinduet. HTML-dokumentet "frame_a.htm" er placeret i den første kolonne, mens HTML-dokumentet "frame_b.htm" er placeret i den anden kolonne:

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

Grundlæggende bemærkninger - nyttige tips:

Hvis et ramme har synlige kanter, kan brugeren trække kanterne for at ændre størrelsen. For at undgå dette kan du tilføje: noresize="noresize" i <frame>-tagget.

Add <noframes> tags for browsers that do not support frames.

Important note:You cannot use the <body></body> tag with the <frameset></frameset> tag at the same time! However, if you add a <noframes> tag containing a piece of text, you must nest this text within the <body></body> tags. (You can see how it is implemented in the first example below.)

More examples

How to use the <noframes> tag
This example demonstrates: how to use the <noframes> tag.
Mixed frame structure
This example demonstrates how to create a frame structure with three documents, mixing them in rows and columns.
Frame structure with noresize="noresize" attribute
This example demonstrates the noresize attribute. In this example, the frame is not resizable. When you drag the mouse over the frame borders, you will find that the borders cannot be moved.
Navigation frame
This example demonstrates how to create a navigation frame. The navigation frame contains a list of links that target the second frame. The file named "contents.htm" contains three links.
Inline frame
This example demonstrates how to create an inline frame (a frame within an HTML page).
Navigate to a specified section within a frame
This example demonstrates two frames. One of the frames contains a link to a specified section in another file. The section specified in the "link.htm" file is identified using <a name="C10">.
Navigate to a specified section within a frame using frame navigation
This example demonstrates two frames. The navigation frame contains a list of links, which target the second frame. The second frame displays the linked document. The links in the navigation frame point to the sections specified in the target file.