In diesem Artikel wird hauptsächlich das HTML-Frame-Tag vorgestellt, einschließlich der Definition und Attribute des Frame-Tags sowie der wichtigen Verwendung des HTML-Iframe-Tags. Schauen wir uns gemeinsam diesen Artikel an
Werfen wir zunächst einen Blick auf die Definition dieses Artikels:
Tag definiert ein bestimmtes Frameset-Fenster (Frame). ).
Jeder Frame im Frameset kann mit unterschiedlichen Eigenschaften eingestellt werden, wie z. B. Rahmen, Bildlauf, Größenänderung usw.
Hinweis: Wenn Sie Seiten mit Frames validieren möchten, stellen Sie sicher, dass der Doctype auf „Frameset DTD“ eingestellt ist. Lesen Sie mehr über DOCTYPE.
Wichtig: Sie können das
-Tag nicht mit dem
-Tag verwenden. Wenn Sie jedoch ein
<![CDATA[-Tag für Browser hinzufügen müssen, die keine Frames unterstützen, stellen Sie sicher, dass Sie dieses Tag innerhalb des -Tags platzieren! <p><strong>Werfen wir einen Blick auf die Einführung von Attributen: </strong></p>
<p><img src="https://img.php.cn//upload/image/395/152/143/1535613295787655.png" title="1535613295787655.png" alt="Wie verwende ich ein HTML-Frame-Tag? Einführung in die Verwendung von Frame-Tags (mit Beispielen)"></p>
<p><strong>Lassen Sie uns über die Verwendung von HTML-Iframe-Tags sprechen: </strong></p>
<p>iframe ist eine Form von Framework und wird auch häufig verwendet. Das Folgende ist eine Zusammenfassung seiner häufig verwendeten Attribute </p>
<p>Das Folgende ist ein regulärer Fall: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><iframe border=2 frameborder=0 width=500 height=500 marginheight=0 marginwidth=0 scrolling=no src="move-ad.html">
</iframe></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p><strong>Erklärung zum Fall des HTML-Iframe-Tags: </strong></p><p>iframe wird verwendet, um einen schwebenden Rahmen oder Container für Text oder Grafiken festzulegen. </p><p>Rahmen legt die Kantenbreite um den Bild- und Textrahmen fest </p><p>Es gibt auch ein Design für schnelles Lesen in der Höhe </p><p>scrollen=nein, ob es eine Bildlaufleiste gibt (JA, NEIN, AUTO) </p><p>src gibt die von IFRAME aufgerufene Datei oder das Bild an (HTML, HTM, GIF, JPEG, JPG, PNG, TXT, *.*) </p><p><strong>Einführung in die Verwendung des HTML-Iframe-Tags: </strong></p><p>Wenn es um Iframe geht, haben Sie es vielleicht in die „vergessene Ecke“ geworfen, aber wenn es um seinen Bruder Frame geht, werden Sie nicht unbekannt sein. Das Frame-Tag ist ein Frame-Tag, das wir als Multi-Frame-Struktur bezeichnen, um mehrere HTML-Dateien in einem Browserfenster anzuzeigen. Jetzt stoßen wir auf eine sehr realistische Situation: Wenn es ein Tutorial gibt, ist es nacheinander in Abschnitte unterteilt. Am Ende jeder Seite gibt es Links zu „vorheriger Abschnitt“ und „nächster Abschnitt“, mit Ausnahme des Inhalts Jedes Tutorial ist anders. Außerdem ist der Inhalt anderer Teile der Seite derselbe. Es scheint zu langweilig, Seite für Seite zu erstellen. Zu diesem Zeitpunkt dachte ich plötzlich, ob es eine Möglichkeit gibt, andere Teile beizubehalten Der Inhalt der Seite bleibt unverändert. Erstellen Sie einfach das Tutorial. Es wird zu einer seitenweisen Inhaltsseite ohne andere Inhalte. Wenn Sie auf den Link zum Auf- und Abwärtsklicken der Seite klicken, wird nur der Teil des Tutorialinhalts geändert, und die anderen Teile bleiben unverändert. Dies spart zum einen Zeit und zum anderen ist es auch sehr praktisch, wenn das Tutorial in Zukunft drei lange und zwei kurze Änderungen aufweist und sich nicht auf die gesamte Armee auswirkt, was noch wichtiger ist: die Werbebanner, Spaltenlisten usw. Navigation und andere Dinge, die auf fast jeder Seite enthalten sind, werden nur einmal heruntergeladen und dann nicht mehr heruntergeladen. Mit dem iframe-Tag, auch Floating-Frame-Tag genannt, können Sie damit ein HTML-Dokument in eine HTML-Anzeige einbetten. Der größte Unterschied zum Frame-Tag besteht darin, dass die durch dieses Tag referenzierte HTML-Datei nicht unabhängig von anderen HTML-Dateien angezeigt wird, sondern direkt in eine HTML-Datei eingebettet und mit dem Inhalt der HTML-Datei zu einem Ganzen integriert werden kann Darüber hinaus können Sie den gleichen Inhalt auch mehrmals auf einer Seite anzeigen, ohne den Inhalt wiederholt schreiben zu müssen. Eine anschauliche Metapher ist „Bild-in-Bild“-Fernsehen. </p><p><strong>Das Verwendungsformat des Iframe-Tags ist: </strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><iframe src="URL" width="x" height="x" scrolling="[option]" frameborder="x"></iframe></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>src: der Pfad der Datei, bei der es sich um eine HTML-Datei, Text, ASP usw. handeln kann 🎜></p>Breite, Höhe: die Breite und Höhe des „Bild-in-Bild“-Bereichs; <p></p>Scrollen: Wenn die angegebene HTML-Datei von SRC nicht im angegebenen Bereich angezeigt wird, ist die Scroll-Option verfügbar , wenn es auf NEIN eingestellt ist, wird keine Bildlaufleiste angezeigt. Wenn es auf „Ja“ eingestellt ist, wird es angezeigt. FrameBorder: die Breite des Bereichsrands. Um „Bild-in-Bild“ mit angrenzenden Inhalten zu integrieren, wird es häufig auf 0 gesetzt. Zum Beispiel: <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><Iframe src="//m.sbmmt.com";; width="250" height="200" scrolling="no" frameborder="0"></iframe></pre><div class="contentsignin">Nach dem Login kopieren</div></div>Der Anzeigeeffekt ist wie in der Abbildung dargestellt: <p></p>
<p></p>
<p>Das Obige ist der gesamte Inhalt dieses Artikels, in dem die Verwendung von HTML-Frames vorgestellt wird Tags. Wenn Sie Fragen haben, können Sie diese unten stellen. <img src="https://img.php.cn//upload/image/754/285/666/1535613482285845.png" title="1535613482285845.png" alt="Wie verwende ich ein HTML-Frame-Tag? Einführung in die Verwendung von Frame-Tags (mit Beispielen)"></p>[Empfehlung der Redaktion]<p></p>
<p>Was bedeutet das HTML5-Header-Tag? Detaillierte Erläuterung der Verwendung des HTML5-Header-Tags (mit Beispielen) </p>
<p><a href="//m.sbmmt.com/html5-tutorial-409228.html" target="_blank"></a><br> Handelt es sich beim HTML-P-Tag um ein einzelnes Tag? Einführung in die Verwendung des HTML-P-Tags (mit Beispielen) </p>
<p><a href="//m.sbmmt.com/div-tutorial-409226.html" target="_blank"></a></p>
]]>Das obige ist der detaillierte Inhalt vonWie verwende ich ein HTML-Frame-Tag? Einführung in die Verwendung von Frame-Tags (mit Beispielen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
