10.4.1 Der Unterschied zwischen Frameset und Frame
Lassen Sie uns zunächst den Unterschied zwischen Frameset und Frame erklären.
<Argrameset> </Frameset> wird verwendet, um Frames zu teilen, und jeder Frame wird durch <Reframe> </Frame> gekennzeichnet. <Reframe> </Frame> muss in <Rameset> </salMeset> verwendet werden, der Code lautet wie folgt:
<Frameset Border = 1 FramesPacing = 1 BorderColor =#47478d Zeilen =* cols = 180,*>
<Frame Src = "Inc/admin_left.htm" name = links scrolling = no id = "links">
<Frame Src = "Inc/admin_center.htm" name = main scrolling = "no">
</Frameset>
Im obigen Beispiel unterteilt <Rameset> </Frameset> die Seite in zwei Teile, die Seite im linken Rahmen ist admin_left.htm und die Seite im rechten Bild ist admin_center.htm.
HINWEIS: Die Rahmenreihenfolge von <Reframe> </Frame> ist von links nach rechts oder von oben nach unten links.
Der Unterschied zwischen den beiden ist wie folgt:
● <RameSet> ist ein Frame -Tag, das angibt, dass das Webseitendokument aus einem Frame besteht und das Layout der Rahmen festgelegt wird, aus denen der im Dokument festgelegte Frame -festgelegt wird.
● <Reframe> wird verwendet, um die Eigenschaften jedes Frame einzustellen, der den Rahmen ausmacht.
10.4.2 Frameset -Parametereinstellungen
<Prameset> muss einige spezifische Parameter festlegen, die das Layout der gesamten Seite direkt bestimmen. Der Code ist wie folgt:
<Frameset Border = 1 FramesPacing = 1 BorderColor =#47478d Zeilen =* cols = 180,*>
Die Parametereinstellungen und deren Bedeutungen des vorherigen Codes sind in Tabelle 10.3 angezeigt.
Tabelle 10.3 Frameset -Parameter
Parameter | veranschaulichen |
Grenze | Stellen Sie die Rahmendicke in Pixel ein |
Rahmenborder | Stellen Sie fest, ob der Frame -Rand angezeigt wird, 0 wird nicht angezeigt, 1 wird angezeigt |
Rahmenspazierungen | Zeigt den Abstand zwischen dem Rahmen an |
BorderColor | Stellen Sie die Rahmengrenze ein |
Reihe | Teilen Sie das Dokument in obere und untere Rahmen. Der Wert nach der Zeile kann ein numerischer Wert oder Prozentsatz sein. * bedeutet, dass der verbleibende Raum besetzt ist. Die Anzahl der numerischen Werte repräsentiert die Anzahl der horizontal geteilten Frames. Zum Beispiel Rows = "210,*, 10%", was bedeutet, dass die Seite in drei Seiten der oberen, mittleren und unteren Rahmen unterteilt ist. Der obere Rahmen nimmt 210px ein, der untere Rahmen nimmt 10% des gesamten Dokuments ein und der verbleibende Raum wird vom mittleren Rahmen besetzt. * ist ein relatives Konzept, wie z. B. Row =*, was bedeutet, dass es auf der Seite keine obere und untere Struktur gibt. |
Cols | Setzen Sie dasselbe wie Zeile |
In Bezug auf die Einstellung von Frame -Parametern lautet der Code wie folgt:
Wie in Tabelle 10.4 gezeigt.
Tabelle 10.4 Rahmenparameter
Parameter | veranschaulichen |
Name | Der Name des Einstellungsrahmens muss in englischer Sprache sein |
Src | Setzen Sie den Seitenpfad und den Namen im Rahmen, der relative oder absolute Pfade sein kann. |
Marginwidth | Gibt den Abstand von den linken und rechten Rändern des Rahmens an |
Marginheight | Zeigt den Abstand von den oberen und unteren Rändern des Rahmens an |
Scrollen | Stellen Sie fest, ob Scrollbalken im Rahmen angezeigt werden sollen. Ja, wird angezeigt. Nein wird nicht angezeigt. Automatisch bedeutet, dass die Bildlaufleisten automatisch angezeigt werden, wenn der Inhalt auf der Bildseite die Größe des Frame überschreitet. |
Rahmenborder | Stellen Sie fest, ob der Rand des Rahmens angezeigt werden soll, 0 wird nicht angezeigt und 1 wird angezeigt |
Nores | Legen Sie fest, ob der Benutzer die Größe dieses Frame ändern kann. Ohne dieses Element zu setzen, kann der Betrachter den Rahmen nach Belieben ziehen und die Größe des Rahmens ändern. |
Rahmenspazierungen | Zeigt den Abstand zwischen dem Rahmen an |
BorderColor | Stellen Sie die Rahmengrenze ein |
Frame und Iframe können im Grunde die gleichen Funktionen erzielen, aber Iframe hat mehr Flexibilität als Frame.
Iframe -Tags werden auch schwimmende Frame -Tags bezeichnet. Sie können verwendet werden, um ein HTML -Dokument in eine HTML -Anzeige einzubetten. Der größte Unterschied zwischen IT und Frame -Tag besteht darin, dass der in <Iframe> </iframe> eingebettete Inhalt in der Webseite mit der gesamten Seite ein Ganzes ist, während der in <Ream> </Frame> enthaltene Inhalt eine unabhängige Person ist und unabhängig angezeigt werden kann. Darüber hinaus kann der Anwendungs -IFrame denselben Inhalt auf derselben Seite mehrmals anzeigen, ohne den Code dieses Inhalts wiederholen zu müssen.
Die in Abbildung 10.21 gezeigte Seite soll Iframe verwenden, um Paging -Links oben und unten auf der Seite zu erstellen. Die Codes oben und unten sind gleich. Sie müssen die gleiche Datei nur in die Webseite einbetten, und es müssen nicht wiederholt den Code schreiben. Für die tatsächliche Wirkung dieses Falls finden Sie im Book-Accessor CD-ROM bitte den Fall /frame/iframe/see_infomore_iframe.htm.
Iframe hat einen weiteren größeren Vorteil, der den Frame so einstellen kann, dass der Hintergrund im Rahmen dem Hintergrund der Hauptseite entspricht. In der obigen Beispieloperation finden sorgfältige Leser dieses Problem. Lassen Sie uns ausführlich erklären, wie die Iframe -Transparenz festgelegt werden. Die spezifischen Betriebsschritte sind wie folgt:
(1) Öffnen Sie den Fall/Frame/iframe/see_infomore_iframe1.htm in der Buch-Adlocation-CD.
(2) Durchsuchen Sie die Datei auf dieser Seite im Browser und stellen Sie fest, dass der Hintergrund der ursprünglichen Zelle in dem Bereich überschrieben wird, in dem der Iframe eingefügt wird, was nicht der gewünschte Effekt ist.
(3) Öffnen Sie die Seite von Seite.htm, wechseln Sie zur Codeansicht und fügen Sie den Code wie folgt in das Tag der <body> ein:
<body style = "background-color = transparent">
Abbildung 10.21 Verwenden Sie Iframe, um die Seitenwende zu erstellen
(4) Switch SECE_INFOMORE_IFRame1.htm zur Codeansicht und anzeigen Sie den Code zum Einfügen der Iframe -Zelle auf der Seite wie folgt:
<td colspan = "4">
<iframe name = "main" Framborder = "0" border = 0 scrolling = "no" marginwidth = "0" marginHeight = "0" src = "page.htm"> </iframe>
</td>
(5) im <Iframe> Tag,
<Frame name = "links" src = "Index_Manager/admin_left.htm" marginwidth = "1" marginHeight = "1" scrolling = "no" Frameborder = "1" NOREDIZE -RAMEPACING = "2" BorderColor = "#CC0000">
Die Parametereinstellungen und deren Bedeutungen des vorherigen Code
degalTransparenz = "true"
(6) Der Zellcode zum Einsetzen des Iframe ist wie folgt:
<td colspan = "4">
<iframe name = "main" Frameborder = "0" border = 0 scrolling = "no" marginwidth = "0" marginHeight = "0" src = "page.htm" degliertransparenz = "true"> </iframe> </td>
(7) Speichern Sie die zwei Seitenseiten.htm und see_infomore_iframe1.htm, um den Effekt im Browser zu durchsuchen.