Heim >Web-Frontend >HTML-Tutorial >So verwenden Sie das HTML-Framework
So verwenden Sie das HTML-Framework
- 墨辰丷Original
- 2018-06-04 15:40:338104Durchsuche
Ein Browser-Dokumentfenster kann nur eine Webseitendatei anzeigen, aber Sie können mehr als eine Seite im selben Browserfenster anzeigen, indem Sie Frames verwenden. In diesem Artikel werden HTML-Frames vorgestellt
1. Frames
Ein Browser-Dokumentfenster kann nur eine Webseitendatei anzeigen, aber Sie können durch die Verwendung von Frames mehr als eine Seite im selben Browserfenster anzeigen. Seiten, die Frames verwenden, bestehen hauptsächlich aus zwei Teilen: einem ist der Frame-Satz und der andere ist die spezifische Frame-Datei.
Frames werden meist für das Layout von Website-Backends oder Intranetsystemen verwendet.
1. Frameset (f900b4fc197b16ab214eecf015bb6bd2eb5f059992a0ae0ef16884cb75644e40): ist eine Datei, die verwendet wird, um dieses HTML-Dokument als Frame-Modus zu definieren und festzulegen, wie das Fenster aufgeteilt wird. Laienhaft ausgedrückt ist ein Frameset eine Datei, die die Frame-Struktur speichert und gleichzeitig eine Eingabedatei für den Zugriff auf Frame-Dateien ist. Wenn eine Webseite aus zwei linken und rechten Frames besteht, gibt es zusätzlich zu den beiden linken und rechten Webseitendateien auch eine allgemeine Frameset-Datei. Auf Seiten, die Frames verwenden, wird das 6c04bd5ca3fcae76e30b72ad730ca86d-Tag durch das Frame-Tag f900b4fc197b16ab214eecf015bb6bd2 ersetzt. Jeder auf der Frame-Seite enthaltene Frame wird durch das Tag 04a0d55efbbfd646a993fbc01f262c57 definiert.
rows-Attribut: Teilen Sie das Fenster horizontal. Horizontal geteilte Fenster dienen dazu, die Seite in horizontaler Richtung zu schneiden, dh die Seite in mehrere nach oben und unten angeordnete Fenster zu unterteilen. Zeilen können mehrere Werte annehmen, jeder Wert stellt die horizontale Breite eines Rahmenfensters dar und seine Einheit kann Pixel oder ein Prozentsatz des Browsers sein. Es ist jedoch zu beachten, dass bei der Festlegung mehrerer Zeilenwerte im Allgemeinen mehrere Frames erforderlich sind, d. h. eine entsprechende Anzahl von a6b59115af808fdb3d02f302deb8ef36-Parametern ist erforderlich.
<html>
<head>
<title>水平分割窗口的效果</title>
</head>
<frameset rows="30%,70%">
<frame>
<frame>
</frameset>
</html>cols-Attribut: Fenster vertikal teilen. Vertikal geteilte Fenster dienen dazu, die Seite in vertikaler Richtung in mehrere Fenster aufzuteilen, dh die Seite in mehrere links und rechts angeordnete Fenster zu unterteilen. Spalten können mehrere Werte annehmen. Jeder Wert stellt die horizontale Breite eines Rahmenfensters dar und seine Einheit kann Pixel oder ein Prozentsatz des Browsers sein. Ähnlich wie beim horizontal geteilten Fenster benötigen Sie im Allgemeinen mehrere Frames, wenn Sie mehrere Spaltenwerte festlegen, d. h. es gibt mehrere 04a0d55efbbfd646a993fbc01f262c57-Parameter.
<html>
<head>
<title>垂直分割窗口的效果</title>
</head>
<frameset cols="20%,55%,25%">
<frame>
<frame>
<frame>
</frameset>
</html>frameborder-Attribut: Legen Sie den Rahmen fest. Standardmäßig gibt es eine Randlinie um das Rahmenfenster, und die Anzeige der Randlinie kann über den Frameborder-Parameter angepasst werden. Die Syntax lautet:
29e2a31840934c23bf66f5be8a1ad256 oder 9a12e5cd7cb59577c86ad3c788ebb056. Der Wert von Frameborder kann nur 0 oder 1 sein. Bei einem Wert von 0 wird die Randlinie ausgeblendet; bei einem Wert von 1 wird die Randlinie angezeigt. Das Festlegen im Frameset wirkt sich auf den gesamten Frame aus, das Festlegen im Frame nur auf den aktuellen Frame.
<html> <head> <title>设置框架窗口的边框显示效果</title> </head> <frameset rows="20%,55%,25%"> <frame frameborder="1"> <frameset cols="35%,65%" frameborder="0"> <frame > <frame> </frameset> <frame frameborder="0"> </frameset> </html>
Framespacing-Attribut: Die Rahmenbreite des Frames. Die Rahmenbreite des Rahmens beträgt standardmäßig 1 Pixel und seine Größe kann über den Parameter Framespacing angepasst werden.
Syntax: b81be4cf36a180fe3500f9e254b0f204
Erklärung: Die Rahmenbreite ist die Breite der Linien zwischen den Rändern auf der Seite, in Pixel. Dieser Parameter kann nur für Framesets verwendet werden und ist nicht für einen einzelnen Frame gültig.
<html>
<head>
<title>设置框架的边框宽度</title>
</head>
<frameset rows="30%,70%" framespacing="10">
<frame>
<frameset cols="20%,55%,25%" framespacing="30">
<frame>
<frame>
<frame>
</frameset>
</frameset>
</html>bordercolor-Attribut: Die Rahmenfarbe des Rahmens. Mit dem Parameter bordercolor legen Sie die Rahmenfarbe des Framesets fest.
Syntax: f0d0dc684c56fd837e4f665fba7d841a
Erklärung: Auch dieser Parameter gilt nur für das gesamte Frameset, nicht für einen einzelnen Frame.
<html>
<head>
<title>设置框架的边框颜色</title>
</head>
<frameset rows="30%,70%" framespacing="10" bordercolor ="#CC99FF">
<frame>
<frameset cols="20%,55%,25%" framespacing="30" bordercolor ="#9900FF">
<frame>
<frame>
<frame>
</frameset>
</frameset>
</html>2. Frame (04a0d55efbbfd646a993fbc01f262c57) und src-Attribute.
Jede Seite in der Rahmenstruktur ist ein separater Text, und diese Dateien werden über den src-Parameter festgelegt.
Syntax: 4a950cb5bb7083a3dffaea8407f2b7da
Erklärung: In der Seitendatei befindet sich der spezifische Inhalt der Frame-Seite. Für Frames, die nicht vorhanden sind Wenn eine Quelldatei festgelegt ist, ist sie einfach leer. Die Seite hat keine Auswirkung. Die Quelldatei der Seite kann eine normale HTML-Datei oder ein Bild oder eine andere Datei sein.
<html>
<head>
<title>设置页面源文件</title>
</head>
<frameset rows="30%,70%">
<frame src="pic01.gif">
<frame src="src01.html">
</frameset>
</html>3.37f861bd36cef5b6406eba87d20a5bab23a17d2cc9873ab460d73d80ccc8d7a4-Tag
37f861bd36cef5b6406eba87d20a5bab23a17d2cc9873ab460d73d80ccc8d7a4-Tag wird zur Anzeige verwendet, wenn der Browser dies nicht tut Unterstützungsrahmen Seiteninhalt.
<html>
<frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
<noframes>
<body>您的浏览器无法处理框架！</body>
</noframes>
</frameset>
</html>2. Floating Frame (d5ba1642137c3f32f4f4493ae923989c)
Floating Frame ist ein speziellerer Frame, der im Browser vorhanden ist Unterfenster sind im Fenster verschachtelt, d. h. die gesamte Seite ist keine Rahmenseite, sondern enthält ein Rahmenfenster. Zeigen Sie den entsprechenden Seiteninhalt innerhalb des Rahmenfensters an. Floating Frames werden auch Inline Frames genannt, daher der Name.
Syntax: 2a9681e1aa611d2fbf4512bbc31d4065065276f04003e4622c4fe6b64f465b88 Beschreibung: Ähnlich wie bei der gewöhnlichen Frame-Struktur können auch mit dem Floating Frame viele Parameter eingestellt werden, z wie Name, Scrollen, Rahmenrahmen usw. Im Vergleich zu gewöhnlichen Frames enthalten Floating-Frames jedoch keine Framespacing- und Bordercolor-Parameter.
src属性：浮动框架中最基本的参数就是src，它用来设置浮动框架页面的源文件地址，也是浮动框架页面必需的参数。因为只有设置了源文件的内容，浮动框架才有意义。语法：290763ae73a8bb3b5c012455bf37fc39
width和height属性：在普通框架结构中，由于框架就是整个浏览器窗口，因此不需要设置其大小。但是在浮动框架中，是插入到普通HTML页面中的，可以调整整个框架的大小。语法：1ae60c9a2f4a841f9b41850969e580f3，页面的宽度和高度值都以像素为单位。
<html> <body> <iframe src="/i/eg_landscape.jpg" width="550" height="310" ></iframe> <p>一些老的浏览器不支持 iframe。</p> <p>如果得不到支持，iframe 是不可见的。</p> </body> </html>
三、一个框架布局的示例
<html>
<head>
<title>框架主页面 </title>
</head>
<frameset rows="20%,*"><!--框架集，控件文件的容器-->
<frame name="topFame" src="3.html" noresize/>
<frameset cols="240px,*">
<frame name="leftFrame" src="1.html"/>
<frame name="rightFrame" src="2.html" marginwidth="20px" scrolling="no"/>
</frameset>
<noframes>
<!--noframes标记当中可以包含body标记-->
<body>
该页面不支持frameset标签！
</body>
</noframes>
</frameset>
</html>四、链接如何跳出框架
在网站后台布局中，框架用得比较多。在很多时候，我们需要跳出框架，重新加载页面。那么链接如何才能跳出框架呢？其实，只需要指定3499910bf9dac5ae3c52d5ede73834855db79b134e9f6b82c0b36e0489ee08ed标签的target属性为"_top"即可实现。下面是一个简单的例子。
<html> <body> <p>被锁在框架中了吗？</p> <a href="/index.html" target="_top">请点击这里！</a> </body> </html>
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。
相关推荐：
HTML框架标签frameset、frame、iframe、noframes
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das HTML-Framework. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!