HTML iframe标签怎么使用?HTML iframe标签的使用实例介绍


本文摘自PHP中文网,作者寻∝梦,侵删。

本篇文章主要为大家介绍了关于HTML中的iframe标签是定义和使用的实例详情,还有关于HTML iframe标签的属性和优缺点的介绍。现在就让我们一起来看看吧

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

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

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

tuyi.png

这有实例看看:

1

2

3

<iframe src="http://www.php.cn" width="200" height="500">

这里使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问。

</iframe>

使用像素定义iframe框架大小

1

2

3

<iframe src="http://www.php.cn" 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。

比如:

1

<Iframe src="http://www.php.cn/" width="250" height="200" scrolling="no" frameborder="0"></iframe>

【小编推荐】

HTML中的base标签如何写相对路径?(内附使用介绍)

html base标签怎么用?base标签的使用方法(附实例)

以上就是HTML iframe标签怎么使用?HTML iframe标签的使用实例介绍的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html的<html> 标签

怎样在html网页中插入视频

html实现拖动的完整代码

html怎么自动关闭页面

几个html基础知识点

html怎么设置a标签居中

form标签的action属性怎么用?form标签action属性的用法介绍(附实例)

html与xhtml和xml有什么区别

html中button标签的用法

如何显示隐藏html元素

更多相关阅读请进入《iframe》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...