On this page

HTML 框架

category: HTML / CSS

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

HTML Iframe 语法

HTML<iframe>标记指定内联框架。 内联框架用于在当前 HTML 文档中嵌入另一个文档。

句法

<iframe src="*url*" title="description"></iframe>

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

Iframe - 设置高度和宽度

使用height和width属性指定 iframe 的大小。 默认情况下，高度和宽度以像素为单位指定：

例子

<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>

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

例子

<iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe Example"></iframe>

Iframe - 删除边框

默认情况下，iframe 周围有边框。 要删除边框，请添加style属性并使用 CSS border属性：

例子

<iframe src="demo_iframe.htm" style="border:none;" title="Iframe Example"></iframe>

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

例子

<iframe src="demo_iframe.htm" style="border:2px solid red;" title="Iframe Example"></iframe>

Iframe - 链接的目标

iframe 可以用作链接的目标框架。 链接的属性target必须引用nameiframe的属性：

例子


<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe Example"></iframe>
<p><a href="https://www.codewhy.net" target="iframe_a">codewhy.net</a></p>

章节总结

  • HTML<iframe>标签指定内联框架
  • 该src 属性定义要嵌入的页面的 URL
  • 始终包含一个&nbsp;title属性（对于屏幕阅读器）
  • 和height属性width指定 iframe 的大小
  • 用于border:none;删除 iframe 周围的边框