HTML iframe标签怎么使用？HTML iframe标签的使用实例

首先我们先看看HTML iframe标签的意思：

iframe标签会创建包含另外一个文档的内联框架（即行内框架）。

再来看看iframe标签的属性介绍：

这有实例看看：

 iframe src= /uploads/allimg/190522/133I52N9-1.jpg width= 200 height= 500 这里使用了框架技术，但是您的浏览器不支持框架，请升级您的浏览器以便正常访问。  /iframe 

使用像素定义iframe框架大小

 iframe src= /uploads/allimg/190522/133I52N9-1.jpg width= 20% height= 50% 这里使用了框架技术，但是您的浏览器不支持框架，请升级您的浏览器以便正常访问。  /iframe 

使用百分比定义iframe框架大小

html iframe 的优缺点

优点：重载页面时不需要重载整个页面，只需要重载页面中的一个框架页（减少数据的传输，减少网页的加载时间）；

技术简单，使用方便，主要应用于不需要搜索引擎来搜索的页面；

方便开发，减少代码的重复率（比如页面的header，footer）；

缺点：会产生很多的页面，不易于管理；

不易打印；

多框架的页面会增加服务气得http请求；

浏览器的后退按钮无效等；

html iframe标记的使用:

iframe标记，又叫浮动帧标记，你可以用它将一个HTML文档嵌入在一个HTML中显示。

它不同于frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件

相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，

成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，

一个形象的比喻即“画中画“电视。

iframe标记的使用格式是:

iframe src= URL width= x height= x scrolling= [OPTION] frameborder= x /iframe

src：文件的路径，既可是HTML文件，也可以是文本、ASP等；

width、height： 画中画 区域的宽与高；

scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，

如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示;

frameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0。

比如:

 Iframe src= /uploads/allimg/190522/133I52N9-1.jpg/ width= 250 height= 200 scrolling= no frameborder= 0 /iframe 

【小编推荐】

HTML中的base标签如何写相对路径？（内附使用介绍）

html base标签怎么用？base标签的使用方法（附实例）

以上就是HTML iframe标签怎么使用？HTML iframe标签的使用实例介绍的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。