HTML Ram

Genom att använda ramar kan du visa fler än en sida i samma webbläsarfönster.

Exempel

Vertikal ram
Detta exempel visar hur man använder tre olika dokument för att skapa en vertikal ram.
Horisontell ram
Detta exempel visar hur man använder tre olika dokument för att skapa en horisontell ram.

(Fler exempel kan hittas på sidans nederkant)

Ram

Genom att använda ramar kan du visa fler än en sida i samma webbläsarfönster. Varje HTML-dokument kallas för en ram och varje ram är oberoende av andra ramar.

Fördelar med att använda ramar:

  • Utvecklare måste spåra fler HTML-dokument samtidigt
  • Det är svårt att skriva ut hela sidan
Frame-strukturtaggen (<frameset>)
  • Frame-strukturtaggen (<frameset>) definierar hur fönstret ska delas upp i ramar
  • Varje frameset definierar en radellerKolumn
  • Värdet för rows/columns specificerar hur mycket av skärmen varje rad eller kolonn tar upp

För redaktörens anmärkning:frameset-taggen översätts också av vissa artiklar och böcker till ramuppsättning.

Ramtagg (Frame)

Frame-taggen definierar den HTML-dokument som placeras i varje ram.

I följande exempel har vi satt upp en tvåkolonners ramuppsättning. Första kolonnen är inställd att ta upp 25% av webbläsarens fönster. Andra kolonnen är inställd att ta upp 75% av webbläsarens fönster: HTML-dokumentet "frame_a.htm" placeras i den första kolonnen, medan HTML-dokumentet "frame_b.htm" placeras i den andra kolonnen:

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

Grundläggande uppmärksamhetsregler - användbara tips:

Om en ram har synliga kanter kan användaren dra kanterna för att ändra storleken. För att undvika detta kan du lägga till: noresize="noresize" i <frame>-taggen.

Lägg till <noframes>-taggen för webbläsare som inte stöder ramar.

Viktigt tips:Det är inte möjligt att använda <body></body>-taggen och <frameset></frameset>-taggen samtidigt! Men om du lägger till <noframes>-taggar som innehåller text måste denna text vara inbäddad inom <body></body>-taggarna. (Se det första exemplet nedan för att se hur det görs.)

Mer exempel

Hur man använder <noframes>-taggen
Detta exempel visar hur man använder <noframes>-taggen.
Blandade ramstrukturer
Detta exempel visar hur man skapar en ramstruktur med tre dokument och placerar dem bland rader och kolumner.
Struktur med ramar som har noresize="noresize"-egenskapen
Detta exempel visar noresize-egenskapen. I detta exempel är ramen inte justerbar i storlek. När du drar musen över ramens kant kommer du att märka att kantlinjen inte kan flyttas.
Navigeringsram
Detta exempel visar hur man skapar en navigeringsram. Navigeringsramen innehåller en länklista som pekar på den andra ramen som mål. Filen "contents.htm" innehåller tre länkar.
Inline-ram
Detta exempel visar hur man skapar en inline-ram (en ram inom en HTML-sida).
Gå till en specifik sektion inom ramen
Detta exempel visar två ramar. En av ramarna innehåller en länk som pekar på en specifik sektion i en annan fil. Denna "link.htm"-fil specificerar en sektion med <a name="C10">.
Navigera till en specifik sektion med ramar
Detta exempel visar två ramar. Den vänstra navigeringsramen innehåller en länklista som pekar på den andra ramen som mål. Den andra ramen visar det länkade dokumentet. Länkarna i navigeringsramen pekar på sektioner som specificeras i målfilen.