Zum Inhalt springen

HTML <frame>-Tag

Das <frame>-Tag definiert ein bestimmtes Fenster, einen Frame, in dem wir eine andere Webseite laden können. Verwenden Sie das src-Attribut, um die Adresse dieser Webseite zu definieren. Die Webseite kann mehrere solche Frames enthalten.

Das <frame>-Tag wird zusammen mit dem <frameset>-Element verwendet, das definiert, wie das Fenster in Frames unterteilt wird.

DANGER

Das <frame> ist ein veraltetes HTML-Tag und wird in HTML5 nicht unterstützt. Verwenden Sie stattdessen das <iframe>-Tag.

Bei der Verwendung von Frames ersetzt das <frameset>-Element das <body>-Tag. Das <frameset>-Element definiert die Struktur des Framesets (Bereiche im Browserfenster, in denen andere Webseiten geladen werden), die Anzahl der Spalten und Zeilen sowie deren Größe in Prozent oder Pixeln. Beachten Sie, dass auch dieses Tag in HTML5 veraltet ist.

TIP

Seiten, die Frames enthalten, können nur validiert werden, wenn die <!DOCTYPE>-Deklaration auf HTML Frameset DTD oder XHTML Frameset DTD festgelegt ist.

Verwenden Sie das rows-Attribut des <frameset>-Tags zur Definition horizontaler Frames und das cols-Attribut zur Definition vertikaler Frames.

Syntax

Das <frame>-Tag ist leer, was bedeutet, dass das schließende Tag nicht erforderlich ist. In XHTML muss das <frame>-Tag jedoch selbstschließend sein (<frame />).

Beispiel für das HTML <frame>-Tag:

Beispiel für das HTML <frame>-Tag

html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <frameset cols="50%,50%">
    <frame src="https://www.w3docs.com/learn-html/html-basic.html">
    <frame src="https://www.w3docs.com/learn-css/css-syntax.html">
  </frameset>
</html>

Ergebnis

Beispiel für das frame-Tag

Beispiel für das HTML <frame>-Tag mit dem rows-Attribut:

Beispiel für das HTML <frame>-Tag mit dem „rows“-Attribut:

html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <frameset rows="30%,30%,40%">
    <frame src="https://www.w3docs.com/learn-javascript.html">
    <frame src="https://www.w3docs.com/learn-php.html">
    <frame src="https://www.w3docs.com/learn-git.html">
  </frameset>
</html>

Vor- und Nachteile des <frame>-Tags

Hier sind die Vorteile dieses Tags:

  • Es ermöglicht das Anzeigen mehrerer Dokumente innerhalb einer einzigen Webseite.
  • Seiten von verschiedenen Servern können in einem einzigen Frameset geladen werden.

Das <frame>-Tag hat die folgenden Nachteile:

  • Es ermöglicht nicht, die Webseiten, die sich innerhalb eines Frames befinden, zu markieren.
  • Die Verwendung zu vieler Frames führt zu einer hohen Belastung des Servers.
  • Es wird von vielen alten Browsern nicht unterstützt.

Frames vs. iframes

Die Elemente <frame> und <iframe> haben ein ähnliches Verhalten. Es gibt jedoch einige Unterschiede zwischen ihnen. Das <frame>-Tag wird zusammen mit dem <frameset>-Element verwendet, das definiert, wie das Fenster in Frames unterteilt wird. Jeder dieser Frames enthält seinen eigenen Inhalt. Das <iframe>-Tag fügt den Frame direkt in dieselbe Zeile wie die anderen Elemente der Webseite ein.

Attribute

AttributWertBeschreibung
bordercolorFarbeDefiniert die Farbe des Rahmens um den Frame. Wird in HTML5 nicht unterstützt.
frameborder0, 1Definiert, ob der Rahmen um den Frame angezeigt werden soll oder nicht. Wird in HTML5 nicht unterstützt.
longdescURLDefiniert eine Seite mit einer ausführlichen Inhaltsbeschreibung eines Frames. Wird in HTML5 nicht unterstützt.
marginheightPixelDefiniert den oberen und unteren Abstand eines Frames. Wird in HTML5 nicht unterstützt.
marginwidthPixelDefiniert den linken und rechten Abstand eines Frames. Wird in HTML5 nicht unterstützt.
nameTextDefiniert den Namen eines Frames. (Es wird empfohlen, dieses Attribut immer festzulegen, insbesondere wenn es erforderlich ist, ein Dokument über einen Link von einem Frame in einen anderen zu laden.) Wird in HTML5 nicht unterstützt.
noresizenoresizeDefiniert, ob der Benutzer die Frame-Größe ändern kann oder nicht. Wird in HTML5 nicht unterstützt.
scrollingja, nein, autoDefiniert, ob die Bildlaufleiste angezeigt werden soll oder nicht. Wird in HTML5 nicht unterstützt.
srcURLDefiniert die URL der Seite, die im Frame geladen werden soll. Wird in HTML5 nicht unterstützt.

Das <frame>-Element unterstützt auch die Globalen Attribute.

Praxis

Welche der folgenden Aussagen trifft auf das HTML <frame>-Tag zu?

Finden Sie das nützlich?

Dual-run-Vorschau — vergleichen Sie mit den Symfony-Routen live.