Vollständige Anleitung zur Verwendung von Iframes ohne Rahmen oder Ränder (Zusammenfassung der praktischen Erfahrungen)
|
<iframe src=”URL Ihrer Seite” width=”100″ height=”30″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe> <iframe runat="server" src="URL Ihrer Seite" width="750" height="30" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe> runat="server" Dies wird am besten mit Iframe-Sprung hinzugefügt. Asp.net kann im aktuellen Iframe springen. src-URL, auf die verwiesen werden soll frameborder Gibt an, ob der Rahmen angezeigt werden soll (0 bedeutet kein Rahmen, 1 bedeutet Rahmen) scrollen Ob eine Bildlaufleiste vorhanden ist (ja, es gibt eine Bildlaufleiste, nein, es gibt keine Bildlaufleiste) allowtransparency Ob der Hintergrund transparent ist (ja transparent nein undurchsichtig) Iframes werden nicht sehr häufig verwendet und kommen in Standard-Webseiten nur selten zum Einsatz. Es ist angemessen, Iframe als „Browser innerhalb eines Browsers“ zu interpretieren. <iframe> sollte auch eine Form von Frame sein. Der Unterschied zwischen diesem und <frame> besteht darin, dass iframe in jeden Teil einer Webseite eingebettet werden kann. Zum Beispiel: <iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe> SRC=URI eingebetteter CAB-Seitendateipfad NAME=CDATA Der Name des Einbauschranks LONGDESC=URI-Beschreibung BREITE=Länge Breite HÖHE=Länge ALIGN=[ oben | Mitte | unten | links | rechts ] Ausrichtung FRAMEBORDER=[ 1 | 0 ] Rahmenrand MARGINWIDTH=Pixel Breite des linken und rechten Rands MARGINHEIGHT=Pixel Die Höhe der oberen und unteren Leerzeichen SCROLLING=[ ja | nein | auto ] Bildlaufleiste (ja: erzwungene Anzeige | nein: nie anzeigen | auto: automatisch) Das Format des Iframe-Tags ist: <Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x" name="main"></iframe> src: Der Pfad der Datei, die eine HTML-Datei, ein Text, ASP usw. sein kann. Breite, Höhe: die Breite und Höhe des Bereichs „innerer Rahmen“; Scrollen: Wenn die von SRC angegebene HTML-Datei im angegebenen Bereich nicht vollständig angezeigt werden kann, wird bei der Scroll-Option, wenn sie auf NEIN gesetzt ist, keine Bildlaufleiste angezeigt; wenn sie auf Automatisch gesetzt ist, wird die Bildlaufleiste automatisch angezeigt; wenn sie auf Ja gesetzt ist, wird sie angezeigt; FrameBorder: Die Breite der Bereichsgrenze. Damit der „innere Rahmen“ mit dem angrenzenden Inhalt verschmilzt, wird er oft auf 0 gesetzt. Name: Der Name des Frameworks, der zur Identifizierung verwendet wird. Mit <iframe> lässt sich ein schwebender Rahmen bzw. Container für Text oder Grafiken festlegen. Grenze <iframe border="3"></iframe> Legt die Breite des Rahmens um den Rahmen fest Rahmenrahmen <iframe frameboder="0"></iframe> Legt fest, ob der Rahmen dreidimensional ist (0=nein, 1=ja) Höhe,Breite <iframe Höhe="31" Breite="88"></iframe> Legen Sie die Breite und Höhe des Rahmens fest Scrollen <iframe scrolling="nein"></iframe> Gibt es eine Bildlaufleiste (ja, nein, automatisch) Quelle <iframe src="mädchen.gif"></iframe> Geben Sie die vom Iframe aufgerufene Datei oder das Bild an (html,htm,gif,jpeg,jpg,png,txt,*.*). Notiz: Ein schwebender Frame muss nicht über ein <frameset>-Element als Teil eines Framesets deklariert werden. WebTV und Netscape 4.x (4.0 bis 4.75) unterstützen keine Floating Frames. In der strengen HTML 4.01-Spezifikation ist das <iframe>-Element nicht definiert. Schwebende Rahmen können durch die Verwendung des <div>-Elements und von CSS-Positionierungsmethoden nachgeahmt werden. Attribute des Floating-Frame-Tags Iframe: 1. Dateispeicherort: Syntax: src=url Hinweis: Die URL ist der Speicherort der eingebetteten HTML-Datei. Es kann sich um eine relative oder eine absolute Adresse handeln. Beispiel: <iframe src="iframe.html"> 2. Objektname: Syntax: name=# Hinweis: # ist der Name des Objekts. Diese Eigenschaft gibt dem Objekt einen Namen, sodass andere Objekte es verwenden können. Beispiel: <iframe src="iframe.html" name="iframe1"> 3. ID-Selektor: Syntax: id=# Beschreibung: Gibt den eindeutigen ID-Selektor für dieses Tag an. Beispiel: <iframe src="iframe.html" id="iframe1"> 4. Containereigenschaften: Syntax: Höhe=# Breite=# Beschreibung: Diese Eigenschaft gibt die Höhe und Breite des schwebenden Rahmens an. Der Wert kann eine positive Ganzzahl (in Pixeln) oder ein Prozentsatz sein. Höhe: Gibt die Höhe des schwebenden Rahmens an; Breite: Gibt die Breite des schwebenden Rahmens an. Beispiel: <iframe src="iframe.html" height=400 width=400> 5. Größenanpassung: Syntax: noresize Beschreibung: IE-spezifisches Attribut, gibt an, dass die Größe des schwebenden Rahmens nicht geändert werden kann. Beispiel: <iframe src="iframe.html" noresize> 6. Randdarstellung: Syntax: frameborder=0,1 Beschreibung: Diese Eigenschaft gibt an, ob der schwebende Rahmenrand angezeigt werden soll. 0: Schwebenden Rahmenrand nicht anzeigen; 1: Schwebenden Rahmenrand anzeigen. Beispiel: <iframe src="iframe.html" frameborder=0> <iframe src="iframe.html" frameborder=1> 7. Rahmendicke: Syntax: border=# Beschreibung: Diese Eigenschaft gibt die Dicke des schwebenden Rahmenrands an. Der Wert kann eine positive Ganzzahl oder 0 sein und die Einheit ist Pixel. Um den schwebenden Rahmen nahtlos in die Seite zu integrieren, ist der Rand im Allgemeinen gleich 0. Beispiel: <iframe src="iframe.html" border=1> 8. Rahmenfarbe: Syntax: bordercolor=color Beschreibung: Diese Eigenschaft gibt die Farbe des schwebenden Rahmenrands an. Farbe kann eine RGB-Farbe (RRGGBB) oder ein Farbname sein. Beispiel: <iframe src="iframe.html" bordercolor=red> 9. Ausrichtung: Syntax: align=links, rechts, zentriert Beschreibung: Diese Eigenschaft gibt an, wie der schwebende Rahmen mit anderen Objekten ausgerichtet wird. links: links; rechts: rechts; Mitte: Mitte. Beispiel: <iframe src="iframe.html" align=left> <iframe src="iframe.html" align=right> <iframe src="iframe.html" align=center> 10. Abstand zwischen benachbarten Teilen: Syntax: framespacing=# Beschreibung: Diese Eigenschaft gibt den Abstand zwischen benachbarten schwebenden Rahmen an. Der Wert ist eine positive Ganzzahl und 0 und die Einheit ist Pixel. Beispiel: <iframe src="iframe.html" framespacing=10> 11. Eigenschaften der Innenpolsterung: Syntax: hspace=# vspace=# Beschreibung: Diese Eigenschaft gibt die Rahmengröße innerhalb des schwebenden Rahmens an. Der Wert ist eine positive Ganzzahl und 0 und die Einheit ist Pixel. Beide Eigenschaften sollten gleichzeitig angewendet werden. hspace: die Größe der linken und rechten Ränder innerhalb des schwebenden Rahmens; vspace: Die oberen und unteren Rahmengrößen innerhalb des schwebenden Rahmens. Beispiel: <iframe src="iframe.html" hspace=1 vspace=1> 12. Äußere Polstereigenschaften: Syntax: marginheight=# marginwidth=# Beschreibung: Diese Eigenschaft gibt die Rahmengröße des schwebenden Rahmens an. Der Wert ist eine positive Ganzzahl und 0 und die Einheit ist Pixel. Beide Eigenschaften sollten gleichzeitig angewendet werden. Randhöhe: die linke und rechte Rahmengröße des schwebenden Rahmens; Randbreite: Die obere und untere Rahmengröße des schwebenden Rahmens. Beispiel: <iframe src="iframe.html" marginheight=1 marginwidth=1> |
<<: Vue definiert private Filter und grundlegende Nutzung
>>: Nginx-Konfiguration zum Erreichen eines Lastenausgleichs auf mehreren Servern
Artikel empfehlen
Vorteile und Prinzipien der MySQL-Replikation im Detail erklärt
Bei der Replikation werden die DDL- und DML-Opera...
Lösung für das Problem, dass Docker-Container nicht gestoppt oder beendet werden können
Docker-Version 1.13.1 Problemprozess Ein MySQL-Co...
Allgemeiner Hinweis zum MySQL-Ereignisplaner (unbedingt lesen)
Überblick MySQL verfügt auch über einen eigenen E...
Detaillierte Erklärung des MySQL-Überwachungstools mysql-monitor
1. Übersicht mysql-monitor MySQL-Überwachungstool...
Vergleich der Verwendung von EXISTS und IN in MySQL
1. Verwendung: (1) EXISTS-Nutzung Wählen Sie a.ba...
Detaillierte Erklärung zur Verwendung von umask unter Linux
Ich habe vor Kurzem angefangen, Linux zu lernen. ...
Die Scroll-Ansicht des WeChat-Applets realisiert einen Links-Rechts-Verknüpfungseffekt
Das WeChat-Applet verwendet die Scroll-Ansicht, u...
Detaillierte Erklärung des HTML-Tags <input> und wie man es deaktiviert
Definition und Verwendung Das <input>-Tag w...
Fähigkeiten zur Erstellung von Webformularen
Tatsächlich haben die drei obigen Tabellen alle d...
js Canvas zur Realisierung des Gobang-Spiels
In diesem Artikel wird der spezifische Code der L...
Tipps zur HTML-Formatierung und langen Dateien für das Webdesign
<br />Verwandte Artikel: 9 praktische Vorsch...
Vier Möglichkeiten zum Ändern des Standard-CSS-Stils von Element-UI-Komponenten in Vue
Inhaltsverzeichnis Vorwort 1. Verwenden Sie eine ...
Tomcat unterbricht den übergeordneten Delegierungsmechanismus, um eine Isolierung von Webanwendungen zu erreichen
Inhaltsverzeichnis Hierarchie des Tomcat-Klassenl...
Grafisches Tutorial zur MySQL 5.7-Konfiguration ohne Installation
Mysql ist eine beliebte und einfach zu bedienende...
Lassen Sie uns das Ereignisobjekt in js genauer verstehen
Wir wissen, dass die in JS am häufigsten verwende...