Hamburger-Menu
Bild zum Thema

Tag <frameset>

html css php mysql javascript
Bild zum Thema

Tag <frameset>

Definition

Status: Obsolet (Nicht mehr anwenden)!


Das Tag <frameset> steht für frame set (Rahmen setzen).
Mit dem Tag <frameset>-Tag leitete man eine Bildschirmeinteilung ein. Die darin enthaltenen <frame>-Tags entsprachen einem Bereich welcher jeder unabhängig voneinandern unterschiedlichste HTML-Dokumente anzeigte. Die Bereiche konnten über das "name"-Attribut direkt als Ziel für einen Link definiert werden (target="frame-name"). Es konnen in einem <frameset> weitere <frameset>-Tags verwendet werden wodurch eine beliebige Splittung des Bildschirm möglich war. <frameset> ist obsolet und wird von den meisten Browsern nicht mehr unterstützt. Eine Bildschirmaufteilung wird nur noch mit CSS umgesetzt.

Syntax

<frameset [attribute]><frame [attribute]>...</frame></frameset>

Attribute bzw. Unterelemente

rows

Horizontale Teilung. Breitenangabe in Prozent, Pixel (ohne Einheit) oder Restwert (*)


cols

Vertikale Teilung. Breitenangabe in Prozent, Pixel (ohne Einheit) oder Restwert (*)


frameborder

Rahmen für Frames an ("1") oder aus ("0")


framespacing

Abstand zwischen den einzelnen Frames in Pixeln (ohne Einheit)


Beispiele

= Tag

= Attribut

= Wert

Text
= Kommentar bzw. wichtig!
Beispiel <frameset> - ---

Der Code:
<frameset rows="120,*" frameborder="1" border="1">
  
  <!-- Oberer Bereich (Header) -->
  <frame src="header.html" name="header" scrolling="no" noresize>

  <!-- Unterer Bereich: 10% Navigation / 90% Main -->
  <frameset cols="10%,90%">
    <frame src="nav.html" name="navigation">
    <frame src="main.html" name="main">
  </frameset>
  
  <noframes>
  <!-- Hier steht der Inhalt für Browser ohne Frame-Support -->
  <body>
      <h1>Ihr Browser unterstützt keine Frames</h1>
      <p>Hier geht es zur <a href="navigation.html">Navigation</a>.</p>
  </body>
</noframes>

</frameset>


Ergebnis:
Ergebnis: <frameset>-Demo 1
---

Anmerkungen

Da die meisten Browser das <frameset>-tag nicht mehr unterstützen ist in diesem Beispiel das Ergebnis mit CSS nachgebaut worden.