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. Java——Collections

    反转数组 Collections.reserve(ArrayList) 例子如下 /** * public class ListNode { * int val; * ListNode next = ...

  2. ABP配置模块扩展

    1.定义一个接口  里面是配置的属性等 public interface IMyConfiguration { int Id { get; set; } string Name { get; set; ...

  3. 《剑指offer》第四十六题（把数字翻译成字符串）

    // 面试题46:把数字翻译成字符串 // 题目:给定一个数字,我们按照如下规则把它翻译为字符串:0翻译成"a",1翻 // 译成"b",……,11翻译成&qu ...

  4. 虚拟机上自动化部署(EFI网络安装)ESXi服务器遇到的问题

    1,虚拟机的CPU为2核或以上. 2,虚拟机选项中不选择: 启用UEFI安全引导.3,引导延迟:设置3000毫秒或以上 4,#GP Exception 13 in world 1:unknown @ ...

  5. MYSQL常用函数（系统信息函数）

    DATABASE()   返回当前数据库名 BENCHMARK(count,expr)  将表达式expr重复运行count次 CONNECTION_ID()   返回当前客户的连接ID FOUND_ ...

  6. ubuntu下安装anaconda

    1.  到官网http://continuum.io/downloads下载anaconda. 选择linux64-bit-python2.7 2.  安装anaconda,在终端输入:cd ~/Do ...

  7. @Basic表示一个简单的属性 懒加载，急加载

    5.@Basic(fetch=FetchType,optional=true) 可选 @Basic表示一个简单的属性到数据库表的字段的映射,对于没有任何标注的getXxxx()方法,默认 即为 @Ba ...

  8. LeetCode--263--丑数

    问题描述: 编写一个程序判断给定的数是否为丑数. 丑数就是只包含质因数 2, 3, 5 的正整数. 示例 1: 输入: 6 输出: true 解释: 6 = 2 × 3 示例 2: 输入: 8 输出: ...

  9. java.——最大子序列和（前提是：全部都是非负数）

    直接上代码吧: 情况一:全部是非负数整数的时候,其实非负实数处理也一样. package Person; import java.util.Scanner; public class Main{   ...

  10. apicloud 环信总结

    点击链接先查看一下apicloud 环信的文档 https://docs.apicloud.com/Client-API/Open-SDK/easeChat 文档中写了很多,但官方给的文档还是有问题, ...