Detaillierte Erläuterung der Verwendung von Iframe-Tags (Attribute, Transparenz, adaptive Höhe)_HTML/Xhtml_Webseitenproduktion

1. iframe-Definition und Verwendung

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

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

Eigenschaften

Wert

Beschreibung

DTD

align

• links
• richtig
• oben
• Mitte
• unten

属性	值	描述	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

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 ein Rahmen um den Rahmen angezeigt werden soll.

TF

Höhe

• Pixel
• %

Gibt die Höhe des Iframes an.

TF

longdesc

URL

Gibt eine Seite an, die eine längere Beschreibung des Iframes enthält.

TF

marginheight

Pixel

Definieren Sie den oberen und unteren Rand des Iframes.

TF

marginwidth

Pixel

Definieren Sie den linken und rechten Rand des Iframes.

TF

Name

Frame_name

Gibt den Namen des Iframes an.

TF

Scrollen

• Ja
• Nein
• automatisch

Gibt an, ob Bildlaufleisten im Iframe angezeigt werden sollen.

TF

src

URL

Gibt die URL des im Iframe angezeigten Dokuments an.

TF

width

• Pixel
• %

Definieren Sie die Breite des Iframes.

TF

Beispiel

Code kopieren

Der Code lautet wie folgt:

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

Code kopieren

Der Code lautet wie folgt:

Verwenden Sie den Prozentsatz, um die Iframe-Rahmengröße zu definieren


2. iframe transparent
in transparentBody.htm Im Tag habe ich style="background-color=transparent" hinzugefügt. Durch die folgenden vier Schreibweisen von IFRAME sollten Sie meiner Meinung nach ein klares Verständnis dafür haben, wie der Iframe-Hintergrundtransparenzeffekt implementiert wird:

Code kopierenDer Code lautet wie folgt:

Natürlich ist das die Prämisse Die Farbe wird nicht auf der Iframe-Seite festgelegt
[Code]
Hinweis: Die Iframe-Transparenz verwendet hauptsächlich „allowtransparency="true" style="background-color=transparent"
3
Da der Artikel zu lang ist, können Sie hierher wechseln, um ihn anzuzeigen
http://www.jb51. net/article/15780.htm
4. Iframe-Werbecode über js ausgeben
[code]
document.write('