HTML iframe

HTML iframe 用于在网页中显示网页。

<iframe> 标记指定一个内联框架。

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

示例

语法

<iframe src="url" title="描述"></iframe>一键复制

提示：最好始终 title 包含 <iframe> . 屏幕阅读器使用它来读取 iframe 的内容。

iframe - 设置高度和宽度

使用 height 和 width 属性指定 iframe 的大小。

默认情况下，高度和宽度以像素为单位指定：

示例

<iframe src="https://www.xiaobai.wang/index.php?title=HTML_iframe" height="200" width="300"
  title="Iframe 示例"></iframe>尝试一下一键复制

或者您可以添加 style 属性并使用 CSS height 和 width 属性：

示例

<iframe src="https://www.xiaobai.wang/index.php?title=HTML_iframe" style="height:200px;width:300px;"
  title="Iframe 示例"></iframe>尝试一下一键复制

iframe - 移除边框

默认情况下，iframe 周围有边框。

要移除边框，请添加 style 属性并使用 CSS border 属性：

示例

<iframe src="https://www.xiaobai.wang/index.php?title=HTML_iframe" style="border:none;"
  title="Iframe 示例"></iframe>尝试一下一键复制

使用 CSS，您还可以更改 iframe 边框的大小、样式和颜色：

示例

<iframe src="https://www.xiaobai.wang" style="border:2px solid red;"
  title="Iframe 示例"></iframe>尝试一下一键复制

Iframe - 链接目标

iframe 可用作链接的目标框架。

链接的 target 属性必须引用 name iframe 的属性：

示例

<iframe src="https://www.xiaobai.wang/index.php?title=HTML_iframe" name="iframe_a" title="iframe
  示例"></iframe>


 <p><a href="https://www.xiaobai.wang/index.php?title=HTML_iframe" target="iframe_a">xiaobai.wang</a></p>尝试一下一键复制