HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML: <iframe> Tag

Das HTML <iframe>-Tag ermöglicht es Ihnen, eine andere HTML-Seite in die aktuelle Seite einzubinden. Dieses Tag wird auch als <iframe>-Element bezeichnet.

在线示例

标记一个内联框架：

示例

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>基础教程(oldtoolbag.com)</title>　
</head>　
<body>
<iframe　src="//de.oldtoolbag.com">
　　<p>抱歉，您的浏览器不支持　　iframe　标签。</p>
</iframe>
</body>
</html>

测试看看 ‹/›

如果浏览器不支持<iframe>标记，它将显示文本“抱歉，您的浏览器不支持iframe”。替代。

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 <iframe> 标签。

标签定义及使用说明

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

在框架内部，脚本可以使用window.parent引用父窗口。

提示和注意

提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对不支持 <iframe> 的浏览器。

提示：使用 CSS 为 <iframe> （包括滚动条）定义样式。

HTML 4.01 与 HTML5之间的差异

HTML5 新增了一些新的属性，同时去掉了 HTML 4.01 中的一些属性。

HTML 与 XHTML 之间的差异

在 XHTML 中，name 属性已被废弃，并将被去掉。请使用 id 属性替代。

属性

New　：HTML5 中的新增属性。

属性	值	描述
align	left right top middle bottom	HTML5 不支持。HTML 4.01 已废弃。　　规定如何根据周围的元素来对齐 <iframe>。
frameborder	1 　0	HTML5 不支持。规定是否显示 <iframe> 周围的边框。
height	Pixel	指定 <iframe> 的高度。
longdesc	URL	HTML5 不支持。规定一个页面，该页面包含了有关 <iframe> 的较长描述。
marginheight	Pixel	HTML5 不支持。指定 <iframe> 的顶部和底部的边距。
marginwidth	Pixel	HTML5 不支持。指定 <iframe> 的左侧和右侧的边距。
name	name	Bestimmt den Namen des <iframe>-Tags.
sandboxHTML5	"" 　allow-forms 　allow-same-origin 　allow-scripts 　allow-top-navigation	Definiert eine Reihe zusätzlicher Einschränkungen für den Inhalt des <iframe>-Tags.
scrolling	yes 　no 　auto	HTML5 Nicht unterstützt. Definiert, ob eine Scrollleiste im <iframe> angezeigt wird.
seamlessHTML5	seamless	Definiert, dass der <iframe> wie ein Teil des übergeordneten Dokuments aussieht.
src	URL	Definiert die URL des Dokuments, das im <iframe> angezeigt wird.
srcdocHTML5	HTML_code	Definiert, dass das HTML-Inhalt der Seite in einem <iframe> angezeigt wird.
width	Pixel	Bestimmen Sie die Breite des <iframe>-Tags.

Global-Attribute

Event-Attribute