百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML iframe标签怎么运用?HTML iframe标签的运用实例介绍
分享文章到:

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

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章主要为大家介绍了关于HTML中的iframe标签是定义和使用的实例详情,还有关于HTML iframe标签的属性和优缺陷的介绍。此刻就让我们一起来看看吧

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

iframe标签会创立包括别的一个文档的内联框架(即行内框架)。

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

tuyi.png

这有实例看看:

<iframe src="http://www.php.cn" width="200" height="500"> 
这里使用了框架技术,但是您的阅读器不支撑框架,请升级您的阅读器以便正常拜访。 
</iframe>

使用像素定义iframe框架大小

<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。

比方:

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

【小编引荐】

HTML中的base标签怎样写相对途径?(内附使用介绍)

html base标签如何用?base标签的使用办法(附实例)

以上就是HTML iframe标签如何使用?HTML iframe标签的使用实例介绍的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

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

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

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

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板