本篇文章给大家带来《iframe标签用法详解》，石家庄人才网对文章内容进行了深度展开说明，希望对各位有所帮助，记得收藏本站。

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。iframe标签是成对出现的，以<iframe>开始，以</iframe>结束。它能够将另一个 HTML 页面嵌入到当前页面中。iframe标签是一种比较古老的，创建框架的方式，但它至今仍然在被使用。在 HTML 5 中，iframe标签重新被定义为 HTML 内联框架元素（HTML inline frame element）。

在 HTML 4.01 中，不支持 iframe 元素的 src 属性。也就是说，在 HTML 4.01 中，你不能在<iframe>标签中使用 src 属性来引入一个外部网页。不过在 HTML5 中，是允许这样做的。iframe标签最常用的属性是 src 属性和 height、width 属性，其中 src 属性用于指定嵌入的网页地址，height、width 属性分别用于设置 iframe标签的高度与宽度。iframe标签常用的属性及描述如下表所示：

iframe标签的主要作用是在当前页面中嵌入另一个页面，可以使用它来创建一个包含另一个网页的框架，iframe标签的用法也十分简单，只需要在<iframe>标签的 src 属性中指

定要嵌入的网页地址即可，如下代码所示：

石家庄人才网小编了解到，iframe 元素规定了一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。注意：如果你的页面添加了 if

rame，请为 iframe 添加 title 属性，这样有利于搜索引擎的抓取。

在页面中可以使用 iframe标签引入一个外部的网页，例如，在页面中引入百度搜索页面，只需

要将 iframe标签的 src 属性设置为百度的搜索地址即可，如下代码所示：<iframe src="https://www.baidu.com" ></iframe>。

iframe标签的 height 和 width 属性分别用来设置 iframe标签的高度和宽度，可以直接设置高度和宽度的具体数值，也可以使用百分比来设置高度和宽度。需要注意的是，iframe标签的 height 和 width 属性的默认值都是0，如果想要在页面中看到 iframe标签引入的页面，就必须设置 iframe标签的 height 和 width 属性，否则在页面中看不到 iframe标签引入的页面。

石家庄人才网小编提示您，iframe标签的 name 属性用于指定 iframe标签的名称，iframe标签的 name 属性的值在当前页面是唯一的，可以通过 iframe标签的 name 属性的值来获取 iframe标签的对象，例如，可以通过 document.getElementById("myframe") 获取到 name 属性值为 myframe 的 iframe标签的对象。

石家庄人才网小编对《iframe标签用法详解》内容分享到这里，如果有相关疑问请在本站留言。