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 src="..url.." width="20%", height="40%">脚本之家使用框架技术，但是浏览器不支持，请升级浏览器</iframe>

iframe和frame的区别

frame不能脱离frameset单独存在而iframe可以

frame不能放置在body中

<frameset rows="50%,*">

   <frame   name="frame1"   src="test1.htm"/>

   <frame   name="frame2"   src="test2.htm"/>

</frameset>

<body>

<frameset rows="50%,*">

   <frame   name="frame1"   src="test1.htm"/>

   <frame   name="frame2"   src="test2.htm"/>

</frameset>

<body>

嵌套在frameset中的iframe必须放在body中

    <frameset>

      <iframe   name="frame1"   src="test1.htm"/>

      <iframe   name="frame2"   src="test2.htm"/>

    </frameset>

    <body>

        <frameset>

          <iframe   name="frame1"   src="test1.htm"/>

          <iframe   name="frame2"   src="test2.htm"/>

        </frameset>

    </body>

不嵌套在frameset中的iframe可以随意使用

<body>

   <iframe   name="frame1"   src="test1.htm"/>

   <iframe   name="frame2"   src="test2.htm"/>

</body>

<!--<body>-->

   <iframe   name="frame1"   src="test1.htm"/>

   <iframe   name="frame2"   src="test2.htm"/>

<!--</body>-->

frame的高度只能通过frameset来进行控制，iframe的高度可以自己控制

<frameset rows="50%,*">

   <frame   name="frame1"   src="test1.htm"/>

   <frame   name="frame2"   src="test2.htm"/>

</frameset>

<body>

<frameset>

   <iframe height="30%"  name="frame1"   src="test1.htm"/>

   <iframe height="100"  name="frame2"   src="test2.htm"/>

</frameset>

</body>


*） frame是整个页面的框架，iframe是内嵌在网页中的元素，也称为内联框架

*） iframe可以放在表格里面，frame不行

        <table>

              <tr> <td><iframe id="" src=""></iframe></td><td></td> </tr>

        </table> 

*）frame必须在frameset里

    而frameset不能与body元素共存，也就说有frameset元素的文档只能是一个框架集，不能有别的东东

*）iframe是放在网业的什么地方都行

  但是frame只能放到上下左右四个方向

*) iframe   可以加在网页中任何一个地方。

  而frame   通常做框架页

iframe是一个网页中的子框架,两网页间是父子关系

html <iframe>介绍的更多相关文章

  1. CSS3 background-image背景图片相关介绍

    这里将会介绍如何通过background-image设置背景图片,以及背景图片的平铺.拉伸.偏移.设置大小等操作. 1. 背景图片样式分类 CSS中设置元素背景图片及其背景图片样式的属性主要以下几个: ...

  2. MySQL高级知识- MySQL的架构介绍

    [TOC] 1.MySQL 简介 概述 MySQL是一个关系型数据库管理系统,由瑞典MySQL AB公司开发,目前属于Oracle公司. MySQL是一种关联数据库管理系统,将数据保存在不同的表中,而 ...

  3. Windows Server 2012 NIC Teaming介绍及注意事项

    Windows Server 2012 NIC Teaming介绍及注意事项 转载自:http://www.it165.net/os/html/201303/4799.html Windows Ser ...

  4. Linux下服务器端开发流程及相关工具介绍(C++)

    去年刚毕业来公司后,做为新人,发现很多东西都没有文档,各种工具和地址都是口口相传的,而且很多时候都是不知道有哪些工具可以使用,所以当时就想把自己接触到的这些东西记录下来,为后来者提供参考,相当于一个路 ...

  5. JavaScript var关键字、变量的状态、异常处理、命名规范等介绍

    本篇主要介绍var关键字.变量的undefined和null状态.异常处理.命名规范. 目录 1. var 关键字:介绍var关键字的使用. 2. 变量的状态:介绍变量的未定义.已定义未赋值.已定义已 ...

  6. HTML DOM 介绍

    本篇主要介绍DOM内容.DOM 节点.节点属性以及获取HTML元素的方法. 目录 1. 介绍 DOM:介绍DOM,以及对DOM分类和功能的说明. 2. DOM 节点:介绍DOM节点分类和节点层次. 3 ...

  7. HTML 事件(一) 事件的介绍

    本篇主要介绍HTML中的事件知识:事件相关术语.DOM事件规范.事件对象. 其他事件文章 1. HTML 事件(一) 事件的介绍 2. HTML 事件(二) 事件的注册与注销 3. HTML 事件(三 ...

  8. HTML5 介绍

    本篇主要介绍HTML5规范的内容和页面上的架构变动. 目录 1. HTML5介绍 1.1 介绍 1.2 内容 1.3 浏览器支持情况 2. 创建HTML5页面 2.1 <!DOCTYPE> ...

  9. ExtJS 4.2 介绍

    本篇介绍ExtJS相关知识,是以ExtJS4.2.1版本为基础进行说明,包括:ExtJS的特点.MVC模式.4.2.1GPL版本资源的下载和说明以及4种主题的演示. 目录 1. 介绍 1.1 说明 1 ...

  10. ExtJS 4.2 组件介绍

    目录 1. 介绍 1.1 说明 1.2 组件分类 1.3 组件名称 1.4 组件结构 2. 组件的创建方式 2.1 Ext.create()创建 2.2 xtype创建 1. 介绍 1.1 说明 Ex ...

随机推荐

  1. DOM结构及优化

    1.DOM树中三种常见的DOM节点: 1>元素节点:上图中<a>,<h1>等都是元素节点,即标签 2>文本节点:向用户展示的内容,如...中的"文档标题& ...

  2. 学习笔记4-pathon的range()函数和list()函数

    使用python的人都知道range()函数很方便,今天再用到他的时候发现了很多以前看到过但是忘记的细节.这里记录一下range(),复习下list的slide,最后分析一个好玩儿的冒泡程序. 这里记 ...

  3. json文件不能有注释

    之前一直忽视了这个问题,直接导致taiga-front的部署的时候不能通过其他IP访问. 如图: 首先是提示 app-loader.js:1  Your conf.json file is not a ...

  4. RedHat/CentOS根目录扩容

    下面以redhat为例,介绍如何扩容系统根目录,CentOS也是一样的. 1. 登录到系统中,查看硬盘情况. /dev/sdb就是增加的硬盘. [root@test ~]# fdisk -l 2. 操 ...

  5. 当启动tomcat时出现tomcat setting should be set in tomcat preference page

    转自:https://blog.csdn.net/withyou_wy/article/details/53081800 出现此状况证明你的tomcat在配置的时候没有配置成功,通过以下两个步骤即可以 ...

  6. win10 java环境变量

    https://jingyan.baidu.com/article/fd8044fa2c22f15031137a2a.html

  7. ultragrid

    foreach (UltraGridColumn aCol in this.ultraGrid1.DisplayLayout.Bands[0].Columns){this.ultraGrid1.Dis ...

  8. linux服务器规格查看

    性能测试前,需要确定服务器规格. 下面汇总下如何查看linux的CPU等规格 1. 查看服务器CPU个数 1)查看物理CPU个数: cat /proc/cpuinfo |grep "phys ...

  9. Google云平台使用方法 | Hail | GWAS | 分布式回归 | LASSO

    参考: Hail Hail - Tutorial  windows也可以安装:Spark在Windows下的环境搭建 spark-2.2.0-bin-hadoop2.7 - Hail依赖的平台,并行处 ...

  10. codeforces587a//Duff and Weight Lifting// Codeforces Round #326 (Div. 1)

    题意:一数列an,如果存在一个k,有2^(ai)+2^(aj)+......=2^k成立,那么一次能拿走ai,aj这些全部.问最少拿的次数. 太简单. 乱码 //#pragma comment(lin ...