Ein Browser -Dokumentfenster kann nur eine Web -Seitendatei anzeigen, es kann jedoch mehr als eine Seite im selben Browserfenster mithilfe eines Frameworks angezeigt werden. Die Seite, die einen Frame hauptsächlich aus zwei Teilen enthält, ist der Frame -Set und die andere ist die spezifische Frame -Datei.
Framework wird hauptsächlich für das Layout von Website -Backend- oder Intranet -Systemen verwendet.
1. Frameset (<Rameset> </salMeset>): Es wird verwendet, um diese HTML -Datei als Framework -Modus zu definieren und die Datei zum Teilen des Fensters festzulegen. Einfach ausgedrückt ist ein Framework -Set eine Datei, die die Framework -Struktur und eine Eintragsdatei speichert, die auf die Framework -Datei zugreift. Wenn eine Webseite aus zwei linken und rechten Frames besteht, gibt es zusätzlich zu den beiden linken und rechten Webseitendateien auch eine Gesamtdatei mit dem Rahmensatz. In einer Seite, die einen Rahmen verwendet, wird das <body> -Body -Tag durch das Frame -Tag <RameSet> ersetzt. Für jeden in der Rahmenseite enthaltenen Frame wird es durch das <Reframe> -Tag definiert.Zeilenattribut: Horizontales Split -Fenster. Ein horizontales Split -Fenster besteht darin, die Seite in horizontaler Richtung zu schneiden, dh die Seite in mehrere Fenster, die auf und ab angeordnet sind. Mehrere Werte können in Zeilen aufgenommen werden, jeder Wert repräsentiert die horizontale Breite eines Rahmenfensters, und seine Einheiten können Pixel oder Prozentsätze des Browsers sein. Es ist jedoch zu beachten, dass es im Allgemeinen bei der Festlegung der Werte mehrerer Zeilen mehrere Frameworks gibt, dh es gibt eine entsprechende Anzahl von <Reframe> -Parametern.
<html> <kopf> <titels> Effekt des horizontalen Spaltungsfensters </title> </head> <frameset rows = 30%, 70%> <Reframe> <Ream> </Frameset> </html>
COLS -Eigenschaft: Vertikales Split -Fenster. Ein vertikales Split -Fenster besteht darin, die Seite in vertikaler Richtung in mehrere Fenster zu unterteilen, dh die Seite in mehrere Fenster, die links und rechts angeordnet sind. Mehrere Werte können in Cols eingenommen werden, jeder Wert repräsentiert die horizontale Breite eines Rahmenfensters, und seine Einheiten können Pixel oder Prozentsätze des Browsers sein. Das gleiche wie das horizontale Segmentierungsfenster, im Allgemeinen, wenn es die Werte mehrerer Cols festlegt, gibt es mehrere Frameworks, dh mehrere Parameter <Reframe>.
<html> <kopf> <titels> Der Effekt des vertikalen Spaltungsfensters </title> </head> <rahmenset cols = 20%, 55%, 25%> <Ream> <Reframe> <Reframe> </Frameset> </html>
Rahmenbedingungen: Grenze festlegen. Standardmäßig gibt es eine Grenzlinie um das Rahmenfenster. Mit dem Parameter Frameborder kann die Anzeige der Grenzlinie angepasst werden. Die Syntax ist:
<Argrameset Framborder = ob es angezeigt wird> oder <Rahmenframeborder = ob es angezeigt wird>. Der Wert von Frame Border kann nur 0 oder 1 betragen. Wenn der Wert 0 ist, wird die Grenzlinie versteckt. Wenn der Wert 1 ist, wird die Grenzlinie angezeigt. Die Einstellung in Frameset ist für das gesamte Framework gültig und die Einstellung im Frame ist nur für das aktuelle Framework gültig.
<html> <head> <title>Set the border display effect of the frame window</title> </head> <frameset rows=20%,55%,25%> <frameframeborder=1> <frameset cols=35%,65% frameborder=0> <frame > <frame> </frameset> <frameframeborder=0> </frameset> </html>
Rahmenbesitz: Die Randbreite des Rahmens. Die Randbreite des Rahmens beträgt standardmäßig 1 Pixel und kann durch das Parameter -Frames -Spaziergang geändert werden.
Syntax: <Frameset FramesPacing = Border Width>
HINWEIS: Die Randbreite ist die Breite der Linie zwischen jedem Rand in der Seite in Pixel. Dieser Parameter kann nur für Framework -Sets verwendet werden und ist für ein einzelnes Framework ungültig.
<html> <Head> <titels> Setzen Sie die Frame -Rand -Breite </title> </head> <Frameset Rows = 30%, 70%Rahmen = 10> <Ream> <rahmenset COLS = 20%, 55%, 25%Frameset = 30> <Reframes> </Frameset> </Frameset> </Frameset>
BorderColor -Eigenschaft: Die Grenzfarbe des Rahmens. Verwenden Sie das Parameter BorderColor, um die Randfarbe des Rahmensatzes einzustellen.
Syntax: <Frameset BorderColor = Farbcode>
Hinweis: Dieser Parameter ist auch nur für den gesamten Framework -Satz gültig und für ein einzelnes Framework nicht gültig.
<html> <Head> <titels> Setzen Sie die Frame -Rand -Farbe </title> </head> <Frameset -Rows = 30%, 70%Rahmen = 10 BorderColor =#CC99FF> <Reframe> <Argrameset cols = 20%, 55%, 25%Frameset = 30 BorderColor =#9900ff> <rahmen> <Frame> <Frame> <Frame> <rahmen> <rahmen> </html>2. Frame (<Reframe>) und SRC -Attribute.
Jede Seite in der Framework -Struktur ist ein separater Text, und diese Dateien werden über den SRC -Parameter eingestellt.
Syntax: <Frame Src = Seitenquellendateiadresse>
HINWEIS: Die Seite Datei ist der spezifische Inhalt der Frame -Seite. Es hat keinen Einfluss auf einen Bild, ohne die Quelldatei und nur eine leere Seite festzulegen. Die Quelldatei der Seite kann eine normale HTML -Datei oder ein Bild oder eine andere Datei sein.
<html> <Head> <titels> Set Side Quelldatei </title> </head> <Frameset Rows = 30%, 70%> <Frame Src = pic01.gif> <Frame Src = Src01.html> </rampeet> </html>> </html>3. <noframes> </noframes> Tags
Das <noframes> </noframes> Tag wird verwendet, um den Seiteninhalt anzuzeigen, wenn der Browser keine Rahmen unterstützt.
<html> <Frameset cols = 25%, 50%, 25%> <Frame Src =/Beispiel/html/Frame_a.html> <Frame Src =/example/html/Frame_B.html> <Frame Src =/example/html/Frame_b.html> < <Noframes> <body> Ihr Browser kann das Framework nicht bewältigen! </body> </noframes> </srameset> </html>2. Floating Frame (<Iframe>)
Ein schwimmender Rahmen ist ein relativ spezieller Rahmen. Es nistet ein Kinderfenster in einem Browserfenster. Das heißt, die gesamte Seite ist keine Frame -Seite, sondern enthält ein Rahmenfenster. Zeigen Sie den entsprechenden Seiteninhalt im Rahmenfenster an. Schwimmende Frames werden auch als Inline -Rahmen bezeichnet und sind daher benannt.
Syntax: <iframe src = Seite Quelldatei> </iframe>
Hinweis: Ähnlich wie bei der gewöhnlichen Rahmenstruktur kann ein schwimmender Frame auch viele Parameter wie Name, Scrolling, FrameBorder usw. festlegen. Im Vergleich zu normalen Rahmen enthält der schwimmende Rahmen jedoch keine Rahmen- und Bordercolor -Parameter.
SRC -Attribut: Der grundlegendste Parameter in einem schwimmenden Framework ist SRC. Es wird verwendet, um die Quelldateiadresse auf der Seite des schwimmenden Frameworks festzulegen, und ist auch ein notwendiger Parameter für die Seite mit schwimmender Framework. Denn wenn der Inhalt der Quelldatei festgelegt ist, ist das schwimmende Framework sinnvoll. Syntax: <iframe src = Seitenquellendatei>
Breite und Höheneigenschaften: In einer normalen Frameworkstruktur muss das gesamte Browserfenster seine Größe nicht festlegen. In einem schwimmenden Rahmen wird es jedoch in eine normale HTML -Seite eingefügt, und der gesamte Rahmen kann geändert werden. Syntax: <iframe src = src = Floating Frame Page Quelldatei Breite = Seitenbreite Höhe = Seitenhöhe> Die Breiten- und Höhenwerte der Seite sind in Pixel.
<html> <body> <Iframe src =/i/eg_landscape.jpg width = 550 height = 310> </iframe> <p> Einige alte Browser unterstützen IFrames nicht. </p> <p> Wenn es unterstützt wird, ist der Iframe nicht sichtbar. </p> </body> </html>3. Ein Beispiel für ein Framework -Layout
<html> <Head> <title> Frame-Homepage </title> </head> <Frameset Rows = 20%,*> <!-Frameset-Set, Container für Kontrolldatei-> <Frame-Name = Topfame Src = 3.html noresize/> <Frameset Cols = 240px,*> <Framesname = linkes Name = 1.html/> <> <Srahmen name = linkes name src = 2.html marginwidth = 20px scrolling = no/> </rameset> <noframes> <!-noframes tags können Körper-Tags enthalten-> <body> Diese Seite unterstützt keine Rahmenset-Tags! </body> </noframes> </srameset> </html>4.. Wie kann man aus dem Rahmen von Links herauskommen
Im Backend -Layout der Website werden Frameworks häufiger verwendet. In vielen Fällen müssen wir aus dem Framework springen und die Seite neu laden. Wie können Links aus dem Rahmen ausbrechen? Tatsächlich müssen Sie nur das Zielattribut des <a> </a> -Tags angeben, um _top zu sein. Hier ist ein einfaches Beispiel.
<html> <body> <p> Ist es im Rahmen gesperrt? </p> <a href =/index.html target = _top> Bitte klicken Sie hier! </a> </body> </html>