经常和网站打交道或者经常建站的朋友对iframe肯定不陌生,网站有了iframe会变得更加美观、大气。对于初涉互联网的新手来说,iframe并不熟悉,那么iframe到底是什么?iframe用法有哪些呢?


iframe是什么
iframe就是我们常用的iframe标签:>&#12290;iframe&#26631;&#31614;&#26159;&#26694;&#26550;&#30340;&#19968;&#31181;&#24418;&#24335;&#65292;&#20063;&#27604;&#36739;&#24120;&#29992;&#21040;&#65292;iframe&#19968;&#33324;&#29992;&#26469;&#21253;&#21547;&#21035;&#30340;&#39029;&#38754;&#65292;&#20363;&#22914;&#25105;&#20204;&#21487;&#20197;&#22312;&#25105;&#20204;&#33258;&#24049;&#30340;&#32593;&#31449;&#39029;&#38754;&#21152;&#36733;&#21035;&#20154;&#32593;&#31449;&#25110;&#32773;&#26412;&#31449;&#20854;&#20182;&#39029;&#38754;&#30340;&#20869;&#23481;&#12290;iframe&#26631;&#31614;&#30340;&#26368;&#22823;&#20316;&#29992;&#23601;&#26159;&#35753;&#39029;&#38754;&#21464;&#24471;&#32654;&#35266;&#12290;iframe&#26631;&#31614;&#30340;&#29992;&#27861;&#26377;&#24456;&#22810;&#65292;&#20027;&#35201;&#21306;&#21035;&#22312;&#20110;&#23545;iframe&#26631;&#31614;&#23450;&#20041;&#30340;&#24418;&#24335;&#19981;&#21516;&#65292;&#20363;&#22914;&#23450;&#20041;iframe&#30340;&#38271;&#23485;&#39640;&#12290; <br/>&#10; frame&#29992;&#27861;&#35814;&#35299; <br/>&#10; &#39318;&#20808;&#38656;&#35201;&#20102;&#35299;iframe&#26631;&#31614;&#30340;&#20889;&#27861;&#65292;&#21644;&#22823;&#22810;HTML&#26631;&#31614;&#20889;&#27861;&#30456;&#21516;&#65292;iframe&#26631;&#31614;&#36755;&#20837;&#24418;&#24335;&#20026;&#65306;<iframe>&#21644;。以>&#24320;&#22836;&#65292;&#20197;结尾,将需要的文本内容添加到两个标签之间即可。iframe标签内的内容可以做为浏览器不支持iframe标签时显示。
iframe标签的属性
align:left、right、top、middle、bottom。用于规定如何根据周围的元素来对齐此框架。不赞成使用。请使用样式代替。
frameborder:1、0。用于规定是否显示框架周围的边框。
height:pixels、%。用于规定iframe的高度。
longdesc:URL。规定一个页面,该页面包含了有关iframe的较长描述。
marginheight:pixels。定义iframe的顶部和底部的边距。
marginwidth:pixels。定义iframe的左侧和右侧的边距。
name:frame_name。规定iframe的名称。
scrolling:yes、no、auto。规定是否在iframe中显示滚动条。

src:URL。规定在iframe中显示的文档的URL。
width:pixels。%。定义iframe的宽度。

iframe用法详解
首先需要了解iframe标签的写法,和大多HTML标签写法相同,iframe标签输入形式为:>&#21644;。以>&#24320;&#22836;&#65292;&#20197;结尾,将需要的文本内容添加到两个标签之间即可。iframe标签内的内容可以做为浏览器不支持iframe标签时显示。
iframe标签的属性
align:left、right、top、middle、bottom。用于规定如何根据周围的元素来对齐此框架。不赞成使用。请使用样式代替。
frameborder:1、0。用于规定是否显示框架周围的边框。
height:pixels、%。用于规定iframe的高度。
longdesc:URL。规定一个页面,该页面包含了有关iframe的较长描述。
marginheight:pixels。定义iframe的顶部和底部的边距。
marginwidth:pixels。定义iframe的左侧和右侧的边距。
name:frame_name。规定iframe的名称。
scrolling:yes、no、auto。规定是否在iframe中显示滚动条。

src:URL。规定在iframe中显示的文档的URL。
width:pixels。%。定义iframe的宽度。

iframe用法案例
例子1。
width="420" height="330" scrolling="auto" src="URL">
 width插入页的宽;height插入页的高;scrolling 是否显示页面滚动条(可选的参数为 auto、yes、no,如果省略这个参数,则默认为auto);frameborder 边框大小;
 注意:URL建议用绝对路径
 传说中百DU用: width="0" height="0" scrolling="auto" src="www.zzidc.com">
黑了88*8。。。
 例子2。
 如果一个页面里面有框架。。随便点页面里的连接,要求在这个> &#37324;&#25171;&#24320;&#12290;&#22312;iframe &#20013;&#21152;&#20837;name=<em>* &#65288;*</em>&#33258;&#24049;&#35774;&#23450;&#65289;

>

 然后在修改默认打开模式,:网页HEAD中加上或部分连接的目标框架设为(**)
 例子3。
 要插入一个页面。要求只拿中间一部分。其他的都不要。,。。
 代码:

align="middle" vspace="-170" hspace="0" src="http://host.zzidc.com/" scrolling="no" width="776" height="2500">

 控制插入页被框架覆盖的深度 marginwidth=0 marginheight=0;控制框架覆盖上部分的深度 vspace=-170
 scrolling滚动条要否(auto、yes、no) frameborder框架的边框大小,width=776 height=2500此框架的大小。
 一、页面内加入iframe

width="420" height="330" scrolling="auto" src="URL">, scrolling表示是否显示页面滚动条,可选的参数为auto、yes、no,如果省略这个参数,则默认为auto。  二、超链接指向这个嵌入的网页,只要给这个iframe命名就可以了。方法是>&#65292;&#20363;&#22914;&#25105;&#21629;&#21517;&#20026;aa&#65292;&#20889;&#20837;&#36825;&#21477;HTML&#35821;&#35328;<iframe width="420" height="330" src="http://host.zzidc.com">,然后,网页上的超链接语句应该写为:三、如果把frameborder设为1,效果就像文本框一样  透明的iframe的用法  必需IE5.5以上版本才支持  在transparentBody.htm文件的标签中,我已经加入了style=”background-color=transparent” 通过以下四种iframe的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解:   id="Frame1" src="transparentBody.htm">

  id="Frame2" src="transparentBody.htm">
  id="Frame3" src="transparentBody.htm">
  id="Frame4" src="transparentBody.htm">

iframe是什么?iframe用法详解。相关推荐

  1. html中iframe标签的用法详解

    <iframe>是什么?html中iframe标签的用法详解 原创  2018-10-26 10:24:35 03690 经常进行页面布局的人对于HTML中的iframe标签一定不 ...

  2. iframe嵌套其它网站页面详解

    iframe基本内涵 通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了. <iframe src="demo_iframe_sandbox.htm" ...

  3. Extjs Window用法详解 3 打印具体应用,是否关掉打印预览的界面

    Extjs Window用法详解 3 打印具体应用,是否关掉打印预览的界面 Extjs 中的按钮元素 { xtype: 'buttongroup', title: '打印', items: [ me. ...

  4. python argv 详解_Python3 sys.argv[ ]用法详解

    sys.argv[]说白了就是一个从程序外部获取参数的桥梁,这个"外部"很关键,因为我们从外部取得的参数可以是多个,所以获得的是一个列表(list),也就是说sys.argv其实可 ...

  5. oracle中的exists 和 not exists 用法详解

    from:http://blog.sina.com.cn/s/blog_601d1ce30100cyrb.html oracle中的exists 和 not exists 用法详解 (2009-05- ...

  6. ROW_NUMBER() OVER()函数用法详解 (分组排序 例子多)

    ROW_NUMBER() OVER()函数用法详解 (分组排序 例子多) https://blog.csdn.net/qq_25221835/article/details/82762416 post ...

  7. python的继承用法_【后端开发】python中继承有什么用法?python继承的用法详解

    本篇文章给大家带来的内容是关于python中继承有什么用法?python继承的用法详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 面向对象三大特征 1.封装:根据职责将属性和方法 ...

  8. C++中substr()函数用法详解

    C++中substr()函数用法详解 原型: string substr (size_t pos = 0, size_t len = npos) const; 返回一个新构造的string对象,其值初 ...

  9. php theme_path,PHP_Yii2主题(Theme)用法详解,本文实例讲述了Yii2主题(Theme) - phpStudy

    Yii2主题(Theme)用法详解 本文实例讲述了Yii2主题(Theme)用法.分享给大家供大家参考,具体如下: 首先看看主要的配置方式: 'components' => [ 'view' = ...

  10. LayoutInflater的inflate函数用法详解

    LayoutInflater的inflate函数用法详解 LayoutInflater作用是将layout的xml布局文件实例化为View类对象. 获取LayoutInflater的方法有如下三种: ...

最新文章

  1. 如何创建 java虚拟机_Java虚拟机如何创建对象?
  2. mysql cluster_redislt;3.cluster集群模式gt;
  3. JavaScript基本语法(续)
  4. java的3个初始化_通过实例解析Java类初始化和实例初始化
  5. RPC和REST区别
  6. FinCEN就非托管加密钱包报告规则征集意见时间将截至今日12时59分
  7. 流媒体应用程序Mobdro或存在安全隐患
  8. 机械设计基础复习重点
  9. vsto java,VSTO开发入门,C#基础篇
  10. Element UI 之 Tabs 栏下拉菜单的实现
  11. 医院网络广告的结算形式-医院网络营销站外合作篇
  12. 如何保证战略落地_如何保障企业战略落地实施
  13. ui设计和平面设计有什么区别-庞姿姿
  14. Docker 镜像的存储机制
  15. TCP断开连接的四次握手
  16. Maven插件之versions-maven-plugin
  17. 吉时利万用表DMM7510,值得拥有的触摸屏数采万用表
  18. 云之讯语音、短信验证码实现
  19. 皮尔森(pearson)相关系数代码实现
  20. 天源财富:突破“极限”!我科学家发现迄今最高能量光子

热门文章

  1. 使用百度网盘链接分享学习资料 防止链接失效
  2. yuki翻译器钩子_最新YUKI GALGAME翻译器下载地址电脑版-CC软件
  3. 设计一个AOA蓝牙精准室内定位系统
  4. Elasticsearch安装与分词插件、用户词典、同义词配置等
  5. 电脑翻页时钟屏保Fliqlo
  6. NLP的两种工具的java版使用:复旦FudanNLP,中科院计算所ICTCLAS2013
  7. 网上邻居的计算机用户名与密码是什么,访问网上邻居需要用户名和密码解决办法...
  8. 计算机教育实习日志,计算机教师实习日志
  9. MySQL模糊查询用法大全(正则、通配符,mybatis入门
  10. 整流五 - PWM整流器无差拍控制 一(重复控制算法)