Heim Web-Frontend HTML-Tutorial Detaillierte Erläuterung der Verwendung von Iframe-Tags

Detaillierte Erläuterung der Verwendung von Iframe-Tags

Jun 27, 2017 am 10:01 AM
iframe 标签 用法 详解

iframe wird im Allgemeinen verwendet, um andere Seiten einzubinden. Um bessere Ergebnisse zu erzielen, müssen wir möglicherweise mehr Iframe kennen Attribute. Hier ist eine einfache Anordnung für Freunde, die sie benötigen

1. iframe-Definition und -verwendung

Das iframe-Element erstellt einen Inline-Frame, der einen anderen enthält Dokument (d. h. Inline-Frame).

Unterschiede zwischen HTML und XHTML

In HTML 4.1 Strict DTD und XHTML 1.0 Strict DTD wird das iframe-Element nicht unterstützt.

Tipps und Hinweise:

Tipps: Sie können den erforderlichen Text zwischen

Der Inhalt im Iframe-Tag kann angezeigt werden, wenn der Browser das Iframe-Tag nicht unterstützt

Attribute

Attribute Wert Beschreibung DTD
align
  • 属性 描述 DTD
    align
    • left

    • right

    • top

    • middle

    • bottom

    不赞成使用。请使用样式代替。

    规定如何根据周围的元素来对齐此框架。

    TF
    frameborder
    • 1

    • 0

    规定是否显示框架周围的边框。 TF
    height
    • pixels

    • %

    规定 iframe 的高度。 TF
    longdesc URL 规定一个页面,该页面包含了有关 iframe 的较长描述。 TF
    marginheight pixels 定义 iframe 的顶部和底部的边距。 TF
    marginwidth pixels 定义 iframe 的左侧和右侧的边距。 TF
    name frame_name 规定 iframe 的名称。 TF
    scrolling
    • yes

    • no

    • auto

    规定是否在 iframe 中显示滚动条。 TF
    src URL 规定在 iframe 中显示的文档的 URL。 TF
    width
    • pixels

    • %

    定义 iframe 的宽度。 TF
    links
  • rechts
  • oben
  • Mitte
  • bottom
Veraltet. Bitte verwenden Sie stattdessen Stile. Gibt an, wie dieser Rahmen relativ zu umgebenden Elementen ausgerichtet werden soll. TF
frameborder
  • 1
  • 0
Gibt an, ob der Rahmen um den Rahmen angezeigt werden soll. TF
height
  • Pixel
  • %
Gibt die Höhe des an iframe. TF
longdesc URL Gibt eine Seite an, die The Die Seite enthält eine ausführliche Beschreibung von Iframes. TF
Marge Höhe Pixel Definiert den oberen und unteren Rand des Iframes. TF
Randbreite Pixel Definieren Sie die linke Seite von der Iframe und der rechte Rand. TF
name frame_name Gibt den Namen des an iframe. TF
Scrollen
  • ja
  • no
  • auto
Gibt an, ob es in ist ein iframe Bildlaufleisten anzeigen. TF
src URL gibt an, in welcher angezeigt werden soll ein iframe Die URL des Dokuments. TF
width
  • Pixel
  • %
Definiert die Breite des iframe. TF


Beispiel

Der Code lautet wie folgt:

Verwenden Sie Pixel, um die Iframe-Framegröße zu definieren

Der Code lautet wie folgt:

Verwenden Sie Prozentsätze, um die Iframe-Framegröße zu definieren
2. iframe transparent
Im Tag Datei, I Style="background-color=transparent" wurde hinzugefügt. Durch die folgenden vier Arten, IFRAME zu schreiben, sollten Sie meiner Meinung nach ein klares Verständnis dafür haben, wie der Iframe-Hintergrundtransparenzeffekt implementiert wird:

Der Code lautet wie folgt:

transparentBody.htm">< ;/IFRAME>


iframe wird als letzter Ausweg verwendet, da die Verwendung von Iframes mehr Probleme verursacht und einige Browser so eingestellt werden können, dass sie Iframes als Werbung blockieren.

Ich habe iframe in einem aktuellen Arbeitsinhalt verwendet. Das Problem, auf das ich anfangs gestoßen bin, war, dass ich im ued-Team-Blog von Koubei.com eine Lösung für dieses Problem gefunden habe Der Iframe war transparent.

Normalerweise ist die Hintergrundfarbe des Iframes weiß, kann aber in verschiedenen Browsern unterschiedliche Farben haben
Wenn die Hauptseite eine Gesamthintergrundfarbe hat oder das Hintergrundbild

Iframe-Bereich Es erscheint ein weißer Block, der nicht mit der Hauptseite übereinstimmt, die Iframe-Transparenz erfordert Ich habe die Lösung gefunden, indem ich bei Google nach Iframe-Transparenz gesucht habe
Der Code lautet wie folgt:

');
5. Manchmal müssen wir darüber nachdenken Ob der Browser des Benutzers das Iframe-Tag unterstützt, müssen wir Folgendes tun. Die Schreibmethode von

lautet wie folgt:


Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung von Iframe-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Ausführliche Erklärung zur Erlangung von Administratorrechten in Win11 Ausführliche Erklärung zur Erlangung von Administratorrechten in Win11 Mar 08, 2024 pm 03:06 PM

Das Windows-Betriebssystem ist eines der beliebtesten Betriebssysteme der Welt und seine neue Version Win11 hat viel Aufmerksamkeit erregt. Im Win11-System ist die Erlangung von Administratorrechten ein wichtiger Vorgang. Mit Administratorrechten können Benutzer weitere Vorgänge und Einstellungen auf dem System durchführen. In diesem Artikel wird ausführlich beschrieben, wie Sie Administratorrechte im Win11-System erhalten und wie Sie Berechtigungen effektiv verwalten. Im Win11-System werden Administratorrechte in zwei Typen unterteilt: lokaler Administrator und Domänenadministrator. Ein lokaler Administrator verfügt über vollständige Administratorrechte für den lokalen Computer

Detaillierte Erläuterung der Divisionsoperation in Oracle SQL Detaillierte Erläuterung der Divisionsoperation in Oracle SQL Mar 10, 2024 am 09:51 AM

Detaillierte Erläuterung der Divisionsoperation in OracleSQL In OracleSQL ist die Divisionsoperation eine häufige und wichtige mathematische Operation, die zur Berechnung des Ergebnisses der Division zweier Zahlen verwendet wird. Division wird häufig in Datenbankabfragen verwendet. Daher ist das Verständnis der Divisionsoperation und ihrer Verwendung in OracleSQL eine der wesentlichen Fähigkeiten für Datenbankentwickler. In diesem Artikel werden die relevanten Kenntnisse über Divisionsoperationen in OracleSQL ausführlich erörtert und spezifische Codebeispiele als Referenz für die Leser bereitgestellt. 1. Divisionsoperation in OracleSQL

Verwendung der WPSdatedif-Funktion Verwendung der WPSdatedif-Funktion Feb 20, 2024 pm 10:27 PM

WPS ist eine häufig verwendete Office-Software-Suite und die WPS-Tabellenfunktion wird häufig für die Datenverarbeitung und Berechnungen verwendet. In der WPS-Tabelle gibt es eine sehr nützliche Funktion, die DATEDIF-Funktion, die zur Berechnung der Zeitdifferenz zwischen zwei Datumsangaben verwendet wird. Die DATEDIF-Funktion ist die Abkürzung des englischen Wortes DateDifference. Ihre Syntax lautet wie folgt: DATEDIF(start_date,end_date,unit) wobei start_date das Startdatum darstellt.

Detaillierte Erläuterung der Rolle und Verwendung des PHP-Modulo-Operators Detaillierte Erläuterung der Rolle und Verwendung des PHP-Modulo-Operators Mar 19, 2024 pm 04:33 PM

Der Modulo-Operator (%) in PHP wird verwendet, um den Rest der Division zweier Zahlen zu ermitteln. In diesem Artikel werden wir die Rolle und Verwendung des Modulo-Operators im Detail besprechen und spezifische Codebeispiele bereitstellen, um den Lesern ein besseres Verständnis zu erleichtern. 1. Die Rolle des Modulo-Operators Wenn wir in der Mathematik eine ganze Zahl durch eine andere ganze Zahl dividieren, erhalten wir einen Quotienten und einen Rest. Wenn wir beispielsweise 10 durch 3 dividieren, ist der Quotient 3 und der Rest ist 1. Um diesen Rest zu ermitteln, wird der Modulo-Operator verwendet. 2. Verwendung des Modulo-Operators In PHP verwenden Sie das %-Symbol, um den Modul darzustellen

Detaillierte Erläuterung der Funktion system() des Linux-Systemaufrufs Detaillierte Erläuterung der Funktion system() des Linux-Systemaufrufs Feb 22, 2024 pm 08:21 PM

Detaillierte Erläuterung der Funktion system() des Linux-Systems Der Systemaufruf ist ein sehr wichtiger Teil des Linux-Betriebssystems. Er bietet eine Möglichkeit, mit dem Systemkernel zu interagieren. Unter diesen ist die Funktion system() eine der am häufigsten verwendeten Systemaufruffunktionen. In diesem Artikel wird die Verwendung der Funktion system() ausführlich vorgestellt und entsprechende Codebeispiele bereitgestellt. Grundlegende Konzepte von Systemaufrufen Systemaufrufe sind eine Möglichkeit für Benutzerprogramme, mit dem Betriebssystemkernel zu interagieren. Benutzerprogramme fordern das Betriebssystem an, indem sie Systemaufruffunktionen aufrufen

Wie füge ich Tags auf Douyin hinzu, um Traffic anzulocken? Zu welchen Tags auf der Plattform lässt sich am einfachsten Traffic anziehen? Wie füge ich Tags auf Douyin hinzu, um Traffic anzulocken? Zu welchen Tags auf der Plattform lässt sich am einfachsten Traffic anziehen? Mar 22, 2024 am 10:28 AM

Als beliebte soziale Plattform für Kurzvideos verfügt Douyin über eine riesige Nutzerbasis. Für Douyin-Ersteller ist die Verwendung von Tags zur Gewinnung von Traffic eine wirksame Möglichkeit, die Bekanntheit von Inhalten zu erhöhen und Aufmerksamkeit zu erregen. Wie nutzt Douyin also Tags, um Traffic anzulocken? Dieser Artikel beantwortet diese Frage ausführlich für Sie und stellt verwandte Techniken vor. 1. Wie füge ich Tags auf Douyin hinzu, um Traffic anzulocken? Achten Sie beim Posten eines Videos darauf, Tags auszuwählen, die für den Inhalt relevant sind. Diese Tags sollten das Thema und die Schlüsselwörter Ihres Videos abdecken, damit Benutzer Ihr Video mithilfe von Tags leichter finden können. Die Nutzung beliebter Hashtags ist eine effektive Möglichkeit, die Bekanntheit Ihres Videos zu erhöhen. Recherchieren Sie aktuelle beliebte Tags und Trends und integrieren Sie diese in Ihre Videobeschreibungen und Tags. Diese beliebten Tags sind in der Regel besser sichtbar und können die Aufmerksamkeit von mehr Zuschauern auf sich ziehen. 3. Etikett

Detaillierte Erläuterung des Linux-Befehls „curl'. Detaillierte Erläuterung des Linux-Befehls „curl'. Feb 21, 2024 pm 10:33 PM

Detaillierte Erläuterung des Linux-Befehls „curl“ Zusammenfassung: Curl ist ein leistungsstarkes Befehlszeilentool für die Datenkommunikation mit dem Server. In diesem Artikel wird die grundlegende Verwendung des Curl-Befehls vorgestellt und tatsächliche Codebeispiele bereitgestellt, um den Lesern zu helfen, den Befehl besser zu verstehen und anzuwenden. 1. Was ist Locken? Curl ist ein Befehlszeilentool zum Senden und Empfangen verschiedener Netzwerkanfragen. Es unterstützt mehrere Protokolle wie HTTP, FTP, TELNET usw. und bietet umfangreiche Funktionen wie Datei-Upload, Datei-Download, Datenübertragung und Proxy

Ausführliche Erklärung und Einführung in die Verwendung der MySQL-ISNULL-Funktion Ausführliche Erklärung und Einführung in die Verwendung der MySQL-ISNULL-Funktion Mar 01, 2024 pm 05:24 PM

Die Funktion ISNULL() in MySQL ist eine Funktion, mit der ermittelt wird, ob ein angegebener Ausdruck oder eine angegebene Spalte NULL ist. Es gibt einen booleschen Wert zurück, 1, wenn der Ausdruck NULL ist, andernfalls 0. Die Funktion ISNULL() kann in der SELECT-Anweisung oder zur bedingten Beurteilung in der WHERE-Klausel verwendet werden. 1. Die grundlegende Syntax der Funktion ISNULL(): ISNULL(Ausdruck), wobei Ausdruck der Ausdruck ist, um zu bestimmen, ob er NULL ist oder

See all articles