Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Welchen Nutzen hat die Einführung von HTML-Frames (Frames)?

Welchen Nutzen hat die Einführung von HTML-Frames (Frames)?

零下一度
Freigeben： 2017-05-02 15:16:28
Original
2913 Leute haben es durchsucht

Mit Frame können Sie mehrere Webseiten gleichzeitig im Browserfenster anzeigen. In jedem Frame wird eine Webseite festgelegt, und die Webseiten in jedem Frame sind unabhängig voneinander.

Frameset

Bestimmt, wie der Frame geteilt wird. verfügt über cols-Attribute und rows-Attribute. Verwenden Sie das cols-Attribut, um den Frame nach Spalten zu verteilen; verwenden Sie das rows-Attribut, um den Frame nach Zeilen zu verteilen.

Frame

Verwenden Sie das -Tag, um die Webseite einzurichten. Es gibt ein src-Attribut in und der src-Wert ist der Pfad und Dateiname der Webseite.

Der Zweck des folgenden Codes besteht darin, das Frameset in zwei Spalten zu unterteilen. Die erste Spalte bedeutet 25 %, dass die Breite der ersten Spalte 25 % der Fensterbreite beträgt der ersten Spalte beträgt 75 % der Fensterbreite. a.html wird in der ersten Spalte und b.html wird in der zweiten Spalte angezeigt. 

<frameset cols="25%,75%">
   <frame src="../asdocs/html_tutorials/Frame_a.html">
   <frame src="../asdocs/html_tutorials/Frame_b.html">
</frameset>
Nach dem Login kopieren

Iframe

Iframe bedeutet Inline Frame. Verwenden Sie

Beispiel

<html>

<frameset cols="25%,50%,25%">

<frame src="../asdocs/html_tutorials/Frame_a.html">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">

</frameset>

</html>
Nach dem Login kopieren

Dieses Beispiel zeigt, wie drei Webseiten gleichzeitig im Browser angezeigt werden. Die drei Webseiten sind in Spalten verteilt. 

<html>

<frameset rows="25%,50%,25%">

<frame src="../asdocs/html_tutorials/Frame_a.html">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">

</frameset>

</html>
Nach dem Login kopieren

Dieses Beispiel zeigt, wie drei Webseiten gleichzeitig im Browser angezeigt werden. Die drei Webseiten sind zeilenweise verteilt.

Gemischtes Frameset

<html>

<frameset rows="50%,50%">

<frame src="../asdocs/html_tutorials/Frame_a.html">

<frameset cols="25%,75%">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">
</frameset>

</frameset>

</html>
Nach dem Login kopieren

In diesem Beispiel werden sowohl das cols-Attribut als auch das rows-Attribut verwendet, um den Frame flexibel zu verteilen.

Das Noresize-Attribut im Frameset

<html>

<frameset rows="50%,50%">

<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_a.html">

<frameset cols="25%,75%">
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_b.html">
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_c.html">
</frameset>

</frameset>

</html>
Nach dem Login kopieren

Verwenden Sie das Noresize-Attribut, um die Größe des Frames sicherzustellen. Wenn das Attribut noresize nicht verwendet wird, können Sie den Rahmen des Rahmens mit der Maus verschieben, um die Größe des Rahmens zu ändern. Wenn das Attribut noresize festgelegt ist, kann der Rahmen nicht verschoben werden.

Frame für die Navigation 

<html>
<frameset cols="120,*">

<frame src="../asdocs/html_tutorials/framelist.html">
<frame src="../asdocs/html_tutorials/Frame_a.html" name="showframe">

</frameset>
</html>
Nach dem Login kopieren

Dieses Beispiel zeigt, wie man einen Frame für die Navigation erstellt. Dieser Navigationsrahmen enthält einen HTML-Code und dieser HTML-Code (Code unten) enthält eine Liste von Webseiten. Klicken Sie auf ein beliebiges Element in der Webseitenliste. Die angeklickte Webseite wird im zweiten Frame angezeigt. 

<HTML>
<HEAD>
<TITLE> humorlist.html </TITLE>
</HEAD>
<BODY>
<p><a href = "../asdocs/html_tutorials/Frame_a.html" target="showframe">笑话一<a></p>
<p><a href = "../asdocs/html_tutorials/Frame_b.html"  target="showframe">笑话二<a></p>
<p><a href = "../asdocs/html_tutorials/Frame_c.html"  target="showframe">笑话三<a></p>
</BODY>
</HTML>
Nach dem Login kopieren

Verwendung von Iframe

<html>
<body>
<p>用 IFRAME 可以在HTML文件里显示另一个网页。</p>

<p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p>

<iframe src="../asdocs/html_tutorials/Frame_a.html"></iframe>

</body>
</html>
Nach dem Login kopieren

Dieses Beispiel zeigt, wie man Iframe verwendet, um eine Webseite in eine HTML-Datei einzubetten.

Das obige ist der detaillierte Inhalt vonWelchen Nutzen hat die Einführung von HTML-Frames (Frames)?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
HTML，Frames
Quelle：php.cn
Vorheriger Artikel：Komplementäre Vorteile zwischen XML und HTML (Teil 2) Nächster Artikel：Outlook und Code von HTML6
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Automatische PX-Konvertierung in REM-Fehler  <style>html {  font-size: calc(100vw / 3.75);      }body {    Schriftgröße: 0,16rem...
Aus 2024-04-16 09:34:16
0
0
4687
Die Seite kann plötzlich weder CSS noch Bootstrap abrufen Ich entwickle also eine Seite, einen Teil davon habe ich gestern gemacht und es hat großar...
Aus 2024-04-06 21:58:04
0
1
800
So lösen Sie das mysteriöse Leerzeichen am unteren Rand der Seite in CSS Ich versuche, mit Bootstrap und D3 eine einfache Webseite zu erstellen, weiß aber nicht, w...
Aus 2024-04-06 20:22:15
0
1
454
So verwenden Sie Laravel-Komponenten mit Livewire-Lazy-Platzhaltern Ich möchte das Skelett meiner Laravel-Komponente in einen Livewire3-Platzhalter einfügen. ...
Aus 2024-04-06 20:02:10
0
2
543
Methode der obersten Ebene zum Ersetzen einer Zeichenfolge durch HTML-Code (aus einem Array generiert) Gegeben eine Zeichenfolge wie diese...$htmlPattern="Usernameis:#name#andusercompanyis...
Aus 2024-04-06 17:40:41
0
2
410
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage