Ein Frame unterteilt ein Browserfenster in mehrere unabhängige Bereiche, von denen jeder eine unabhängige HTML-Seite enthält.
1. Grundkonzepte des Frameworks
Benutzer können einzelne Bereichsinhalte über Frames laden oder neu laden, ohne den gesamten Inhalt des Browserfensters neu laden zu müssen. Im Vergleich zu Frames wird der Satz von Frames, der dem gesamten Browserfenster entspricht, als Frameset bezeichnet.
Verwenden Sie in HTML das Frameset-Tag <frameset>, um den Frame der Seite zu unterteilen, und verwenden Sie das Attribut rows (oder cols), um die Anzahl der Zeilen (oder Spalten) des Frames und den Anteil des Fensters anzugeben, den er einnimmt.
Die Rolle des Fensterrahmens:
Dabei wird die Webseite in mehrere HTML-Seiten unterteilt, dh der Fensterbildschirm wird in mehrere kleine Fenster unterteilt. In jedem kleinen Fenster können verschiedene Webseiten angezeigt werden, und im Browser wird eine vollständige Seite erstellt Das im Browser Der Effekt des gleichzeitigen Durchsuchens verschiedener Webseiten.
Die größten Merkmale von Frame-Webseiten:
Ohne das Layout der gesamten Seite zu ändern, können die HTML-Seiten miteinander verknüpft werden, um den gewünschten Inhalt zu erhalten, ohne die Seite umzublättern. Diese Funktion macht sie zu einem einzigartigen Vorteil bei der Anzeige elektronischer Dokumente.
2. Frameset-Tags
Grundlegende Syntax:
<Frameset>
<Rahmen>
<Rahmen>
…
</frameset>
Syntaxerklärung: Ein Frameset ist eine HTML-Seite, die eine Reihe von Framestrukturen innerhalb eines Dokuments definiert. Auf dieser Seite gibt es kein <BODY>-Tag. Framesets definieren die Anzahl, Größe und Ladeseiten der in einem Fenster angezeigten Frames.
Hinweis 1: Die durch das <Frameset>-Tag definierte Fensterrahmenkomponente entspricht der durch das <BODY>-Tag definierten Dateidesignkomponente. Daher kann das <Frameset>-Tag nicht in das <BODY>-Tag eingefügt werden, andernfalls das <Frameset > Tag funktioniert nicht richtig.
Hinweis 2: Das Tag <Frame> wird zum Definieren eines Unterfensters verwendet. Da es kein End-Tag gibt, wird das Tag nur zum Festlegen verschiedener Attribute im Tag verwendet, um den Fensterrahmen zu steuern, den es darstellt.
(1) Spalten des linken und rechten geteilten Fensters
Grundlegende Syntax:
<frameset cols="value,value,...">
<Rahmen>
<Rahmen>
…
</frameset>
Syntaxerklärung: Wert definiert den Breitenwert jedes Frames. Die Einheit kann Pixel oder Prozent sein.
<html><head><title>dotcpp</title></head><framesetcols=30%,70%><frame><frame></frameset></html>
Der Effekt ist wie in der Abbildung dargestellt:
(2) Zeilen für obere und untere geteilte Fensterattribute
Grundlegende Syntax:
<frameset rows="value,value,...">
<Rahmen>
<Rahmen>
…
</frameset>
Syntaxerklärung: Wert definiert den Breitenwert jedes Frames. Die Einheit kann Pixel oder Prozent sein.
<html><head><title>dotcpp</title></head><framesetrows=20%,*,20%><frame><frame><frame></frameset></html>
Der Effekt ist wie in der Abbildung dargestellt:
(3) Verschachtelte geteilte Fenster
Grundlegende Syntax:
<frameset cols="value,value,...">
<Rahmen>
<frameset rows="value,value,...">
<Rahmen>
<Rahmen>
…
</frameset>
<Rahmen>
…
</frameset>
Syntaxerklärung: Splits können verschachtelt werden.
<html><head><title>Verschachtelte geteilte Fenster</title></head><framesetcols=*,*><framesetrows=*,*><frame><frame></frameset><framesetrows=*, * ><frame><frame></frameset></frameset></html>
Der Effekt ist wie folgt:
(4) Frameset-Rahmenbreitenattribut FrameSpacing
Grundlegende Syntax:
<frameset FrameSpacing="VALUE">
Syntaxerklärung: Legen Sie die Rahmenbreite des Framesets in Pixel fest.
(5) Frame-Set-Rahmenfarbattribut Bordercolor
Grundlegende Syntax:
<frameset BorderColor="COLOR_VALUE">
Syntaxerklärung: Legen Sie die Rahmenfarbe des Framesets fest.
3. Frame-Tag <Frame>:
(1) Quelldateiattribut SRC der Frame-Seite
Grundlegende Syntax:
<frame src="FILE_NAME">
Syntaxerklärung: Jeder Frame verfügt über eine angezeigte Webseite und das SRC-Attribut legt den Dateipfad der Frame-Seite fest.
(2)Frame-Name-Attribut Name
Grundlegende Syntax:
<frame src="FILE_NAME" name="Frame_name">
Syntaxerklärung: Sie können jeden Link benennen. Der Name wird für die Link- und Skriptbeschreibung der Seite verwendet und hat keinen Einfluss auf die Anzeige der Seite.
Benennungsregeln: Ein einzelnes Wort kann einen Unterstrich „_“ haben, muss mit einem Buchstaben beginnen und unterscheidet zwischen Groß- und Kleinschreibung.
(3) Frame-Rand-Anzeigeeigenschaft FrameBorder
Grundlegende Syntax:
<frame src="FILE_NAME" frameborder="VALUE">
Syntaxerklärung: Wenn VALUE 0 ist, wird der Rahmen nicht angezeigt, und wenn er 1 ist, wird der Rahmen angezeigt.
Hinweis 1: Mit der Frameborder-Eigenschaft können Sie die Umgebung des Fensterrahmens und die Anzeige des Rahmens steuern.
Hinweis 2: Dieses Attribut kann im <Frameset>-Tag und im <Frame>-Tag verwendet werden. Wenn es im <Frameset>-Tag verwendet wird, kann es alle untergeordneten Fenster des Fensterrahmens steuern. Bei Verwendung im <Frame>-Tag kann nur das durch das Tag dargestellte Unterfenster gesteuert werden.
Hinweis 3: 0 bedeutet, dass die Rahmenlinie nicht angezeigt wird, 1 bedeutet, dass die Rahmenlinie angezeigt wird, und der Standardwert ist 1.
(4) Anzeigeeigenschaft der Frame-Bildlaufleiste Scrollen
Grundlegende Syntax:
<frame src="FILE_NAME" scrolling="VALUE">
Syntaxerklärung: Wenn der VALUE-Wert JA ist, wird die Bildlaufleiste angezeigt. Wenn er NEIN ist, wird die Bildlaufleiste nicht angezeigt. Wenn er AUTO ist, bestimmt er automatisch, ob die Bildlaufleiste basierend auf der Seite angezeigt werden soll Länge.
(5) NoResize-Attribut zur Anpassung der Rahmengröße
Grundlegende Syntax:
<frame src="FILE_NAME" NoResize>
Syntaxerklärung: NORESIZE verbietet das Ändern der Größe des Rahmens.
(6) Attribut „Rahmenkantenbreite“ MarginWidth
Grundlegende Syntax:
<frame src="FILE_NAME"
MarginWidth="value">
Syntaxerklärung: MarginWidth legt den linken und rechten Rand des Rahmens fest.
(7) Attribut „Rahmenkantenhöhe“ MarginHeight
Grundlegende Syntax:
<frame src="FILE_NAME"
MarginHeight="value">
Syntaxerklärung: MarginHeight legt den oberen und unteren Rand des Rahmens fest.
4. Frame-Tags werden nicht unterstützt
Zur Verwendung mit Browsern, die die Frame-Technologie nicht unterstützen.
Grundlegende Syntax:
<frameset cols="value,value,...">
<Rahmen>
<Rahmen>
…
<Noframes>
…
</Noframes>
</frameset>
5. Schwimmender Rahmen
Ein Floating Frame ist eine spezielle Frame-Seite, die Unterfenster im Browserfenster verschachtelt und dann den Seiteninhalt darin anzeigt.
Grundlegende Syntax: <IFRAME>……</IFRAME>
6. Frames und Links
Ein wichtiger Zweck der Verwendung von Frames besteht darin, verschiedene Seiten in verschiedenen Frames anzuzeigen.
Hauptsächlich über das „Target “-Attribut des Links, um den Frame und das Fenster festzulegen, in dem die verlinkte Seite angezeigt wird.