Frames in HTML sind eine Möglichkeit, das Browserfenster in mehrere Abschnitte zu unterteilen, von denen jeder ein anderes HTML-Dokument laden und anzeigen kann. In diesem Artikel sehen wir praktische Beispiele für Frames in HTML.

Obwohl seine Verwendung in den letzten Jahren aufgrund der Einführung modernerer und flexiblerer Techniken wie CSS und zurückgegangen ist JavaScript ist immer noch auf einigen Websites zu finden, insbesondere auf solchen, die in den 1990er und frühen 1990er Jahren erstellt wurden. das von 2000.

Wie funktionieren Frames oder Frames in HTML?

Rahmen bestehen aus zwei Elementen:

1. Rahmenset: Das Element wird verwendet, um das Browserfenster in rechteckige Abschnitte zu unterteilen, von denen jeder sein eigenes HTML-Dokument laden kann.

   instagram story viewer

2. Rahmen: Das Element wird innerhalb von a verwendet um die einzelnen Abschnitte zu definieren. Und es wird zum Aufrufen eines anderen Dokuments gesendet, das im Frameset geladen ist.

• Folge mit: iFrame-Beispiele

So erstellen Sie Frames in HTML

Um ein HTML-Dokument mit Frames zu erstellen, befolgen Sie zwei sehr einfache Schritte:

1. Erstellen Sie ein HTML-Dokument, das die Struktur der Frames mithilfe des Elements definiert. Zum Beispiel:

Datei 1: frameset.html

2. Erstellen Sie ein oder mehrere HTML-Dokumente, die in die Frames geladen werden sollen.

Datei 2: frame1.html

Dies ist Frame 1

Datei 3: frame2.html

Das ist Frame 2

Frame-Attribute in HTML

Einige der wichtigsten Elementattribute Sind:

• Scrollen: Dieses Attribut wird verwendet, um das Erscheinungsbild der Bildlaufleisten im Rahmen zu steuern. Es kann die Werte „auto“, „ja“ oder „nein“ annehmen.

• noresize: Dieses Attribut wird verwendet, um zu verhindern, dass der Benutzer die Größe des Rahmens ändert.

• Süßkartoffel: Dieses Attribut wird verwendet, um dem Frame einen Namen zu geben, der für die Referenzierung des Frames in Links und Skripten nützlich sein kann.

• src: Mit diesem Attribut wird die URL des HTML-Dokuments angegeben, das in den Frame geladen werden soll.

• Bilderrandbereich: Dieses Attribut gibt an, ob Frames einen Rahmen haben sollen oder nicht. Mögliche Werte sind „1“ (um Ränder anzuzeigen) oder „0“ (um keine Ränder anzuzeigen). Zum Beispiel, .

• Grenze: Dieses Attribut definiert die Breite des Rahmens zwischen den Frames in Pixel. Zum Beispiel, erstellt einen 5-Pixel-Rahmen zwischen den Frames.

• Frameabstand: Dieses Attribut ähnelt Grenze. Es definiert auch den Abstand zwischen den Bildern in Pixeln. Zum Beispiel, legt einen Abstand von 10 Pixel zwischen den Frames fest.

• Randfarbe: Mit diesem Attribut können Sie die Rahmenfarbe der Rahmen ändern. Es kann jede gültige Farbe angegeben werden. Zum Beispiel, Der Rand der Rahmen wird rot.

Anwendungsbeispiel:

So verknüpfen Sie einen bestimmten Frame

Mithilfe des Attributs können wir einen Link in einem bestimmten Frame öffnen Ziel Im Etikett. Der Wert von Ziel sollte mit dem Frame-Namen identisch sein (Süßkartoffel Attribut von ). Zum Beispiel:

in menu.html
Seite 1
Seite 2

In diesem Fall wird durch Klicken auf die Links „Seite 1“ oder „Seite 2“ im Menürahmen die entsprechende Seite im Rahmen „Inhalt“ geladen.

So brechen Sie die Rahmen

Wenn Sie möchten, dass ein Link eine Seite außerhalb des Framesets öffnet (d. h. das gesamte Frameset ersetzt), können Sie den speziellen Wert verwenden _Spitze für das Attribut Ziel. Zum Beispiel:

in menu.html
Gehen Sie aus den Rahmen

Wenn Sie auf „Frames beenden“ klicken, lädt der Browser „pageOutofFrames.html“ im gesamten Fenster und ersetzt das Frameset.

Beispiel für die Aufteilung des Bildschirms in zwei Spalten mit Rahmen

In diesem Beispiel wird der Bildschirm in zwei gleich große Spalten unterteilt. Jede Spalte lädt eine andere HTML-Seite.

Beispiel zum Erstellen einer Navigationsseitenleiste mit Frames

In diesem Beispiel wird eine Seitenleiste erstellt, die 25 % des Bildschirms einnimmt und zur Navigation verwendet wird. Der Rest des Bildschirms wird zur Anzeige des Hauptinhalts verwendet.

Beispiel für die Aufteilung des Bildschirms in Zeilen und Spalten

Dieses komplexere Beispiel unterteilt den Bildschirm in vier gleiche Teile. Jeder Abschnitt lädt eine andere HTML-Seite.

Beispiel einer Top-Navigation mit HTML-Frames

Erstellen Sie eine Datei, die zwei Frames hintereinander definiert. Die beiden definierten Dateien sind: eine für die Navigation (die 20 % der Fensterbreite einnimmt) und eine für den Hauptinhalt (die den Rest der Fensterbreite einnimmt).

Als nächstes müssten Sie die Dateien „navigation.html“ und „content.html“ erstellen. „navigation.html“ könnte beispielsweise so aussehen:

Seite 1

Seite 2

Seite 3


Und „content.html“ könnte etwa so lauten:

Willkommen auf unserer Webseite!

Hier erscheint der Inhalt der in der Navigation ausgewählten Seite.

In diesem Fall wird beim Klicken auf einen Link in „navigation.html“ die entsprechende Seite im Frame „Inhalt“ geladen.