The Web Design Group

FRAMESET - Frameset

Syntax <FRAMESET>...</FRAMESET>
Attribut-Spezifikationen
Inhalte Ein oder mehrere FRAMESET- und FRAME-Elemente, ebenso wie das optionale NOFRAMES
Beinhaltet in HTML

Das FRAMESET-Element ist ein Frame Container um ein Fenster in reckteckige Untereinheiten, die Frames genannt werden, zu unterteilen. In einem Frameset-Dokument, das äußerste FRAMESET-Element ersetzt das BODY-Element und folgt direkt dem HEAD-Element.

Das FRAMESET-Element beinhaltet ein oder mehrere FRAMESET- oder FRAME-Elemente, weiterhin das optionale NOFRAMES-Element um den wechselnden Inhalt auch Browsern anzubieten, die keine Frames unterstützen oder Frames abgeschaltet haben. Das bedeutungsvolle NOFRAMES-Element sollte immer angeboten werden und vor allem Links zum Main-Frame oder den anderen Frames beinhalten.

Die ROWS- und COLS-Attribute legen die Dimensionen jedes Frames im Frameset fest. Jedes Attribut nimmt eine durch Kommata-getrennte Liste mit Längenangaben entgegen, die durch Pixel festgelegt als Prozent- oder Relativwert angegeben werden. Eine realtive Länge wird ausgedrückt als i*, wobei i für integer steht. Ein Beispiel, ein Frameset, das durch ROWS="3*,*" (* ist äquivalent zu 1*) definiert ist, stellt die erste Zeile dreimal zu hoch wie die zweite dar.

Die Werte. die für das ROWS-Attribut festgelegt wurden, bestimmen von oben nach unten die Höhe jeder Reihe. Das COLS-Attribut gibt die Breite jeder Spalte von rechts nach links an. Wenn die Attribute ROWS oder COLS weggelassen werden, ist der Standardwert des Attributs 100%. Wenn beide Attribute festgelegt wurden, wird ein Gitter von links nach rechts und von oben nach unten gezeichnet.

Das folgende Beispiel setzt ein Gitter mit zwei Zeilen und drei Spalten:

<FRAMESET ROWS="70%,30%" COLS="33%,33%,34%">
  <FRAME NAME="Photo1" SRC="Row1_Column1.html">
  <FRAME NAME="Photo2" SRC="Row1_Column2.html">
  <FRAME NAME="Photo3" SRC="Row1_Column3.html">
  <FRAME NAME="Caption1" SRC="Row2_Column1.html">
  <FRAME NAME="Caption2" SRC="Row2_Column2.html">
  <FRAME NAME="Caption3" SRC="Row2_Column3.html">
  <NOFRAMES>
    <BODY>
      <H1>Table of Contents</H1>
        <UL>
          <LI>
            <A HREF="Row1_Column1.html">Photo 1</A>
            (<A HREF="Row2_Column1.html">Caption</A>)
          </LI>
          <LI>
            <A HREF="Row1_Column2.html">Photo 2</A>
            (<A HREF="Row2_Column2.html">Caption</A>)
          </LI>
          <LI>
            <A HREF="Row1_Column3.html">Photo 3</A>
            (<A HREF="Row2_Column3.html">Caption</A>)
          </LI>
      </UL>
    </BODY>
  </NOFRAMES>
</FRAMESET>

Das nächste Beispiel zeigt eingebettete FRAMESET-Elemente, die zwei Frames in der ersten Reihe und einen Frame in der zweiten Reihe definieren:

<FRAMESET ROWS="*,100">
  <FRAMESET COLS="40%,*">
    <FRAME NAME="Menu" SRC="nav.html" TITLE="Menu">
    <FRAME NAME="Content" SRC="main.html" TITLE="Content">
  </FRAMESET>
  <FRAME NAME="Ad" SRC="ad.html" TITLE="Advertisement">
  <NOFRAMES>
    <BODY>
      <H1>Table of Contents</H1>
      <UL>
        <LI>
          <A HREF="reference/html40/">HTML 4 Reference</A>
        </LI>
        <LI>
          <A HREF="reference/wilbur/">HTML 3.2 Reference</A>
        </LI>
        <LI>
          <A HREF="reference/css/">CSS Guide</A>
        </LI>
      </UL>
      <P>
        <IMG SRC="ad.gif" ALT="Ad: Does your bank charge too much?">
      </P>
    </BODY>
  </NOFRAMES>
</FRAMESET>

Wenn Pixel-Längenangaben verwendet werden, sollten sie immer mit einer relativen Länge kombiniert werden um verschiedene Fenstergrößen behandeln zu können. Pixel-Längenangaben sollten nur verwendet werden, wenn der Frame vorrangig Bilder oder andere Objekte mit einer festen Größe in Pixeln beinhaltet. Wegen ihrer Fähigkeit sich an verschiedene Fenstergrößen anzupassen, sind prozentuale und relative Längenangaben generell bevorzugt.

Das FRAMESET-Element akzeptiert auch ONLOAD- und ONUNLOAD-Attribute um Client-seitige-Scripting-Aktionen festzulegen, die in Aktion tretten, wenn alle Frames vollständig geladen oder entfernt wurden.

Weitere Informationen