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. ppython的移位操作

    因为要将js的一个签名算法移植到python上,遇到一些麻烦. int无限宽度,不会溢出 算法中需要用到了32位int的溢出来参与运算,但是python的int是不会溢出的,达到界限后会自己转为lon ...

  2. Java离线人脸识别SDK 支持arcface 2.0 最新版

    虹软人脸识别SDK之Java版,支持SDK 1.1+,以及当前最新版本2.0,滴滴,抓紧上车! JDK SDK Win release license status 前言 由于业务需求,最近跟人脸识别 ...

  3. css3动画实现伪弹幕效果

    如图所示: 效果还可以直接用麦唱APP把一首歌分享到微信里面看到,方法类似全民K歌的方法,都是用css3动画实现的, 代码如下:(这是我做真实效果前的一个dome) 直接粘代码就可以看到效果,里面有两 ...

  4. PHP数组排序函数有哪些

    PHP数组排序函数有哪些 一.总结 一句话总结:其实也就是是否保持索引,对键排序还是对值排序,除了sort,rsort.shuffle,usort外,都是保持索引的 是否保持索引 键排序 值排序 除了 ...

  5. 自动化部署之jenkins及简介

    一.什么是持续集成? (1)Continuous integration(CI) 持续集成是一种软件开发实践,即团队开发成员经常集成他们的工作,通常每个成员至少集成一次,也就意味着每天可能会发生多次集 ...

  6. ubuntu 下Visual Studio Code 安装

    Build in Visual Studio Code Install VSCode The easiest way to install for Debian/Ubuntu based distri ...

  7. 雷林鹏分享：XMLHttpRequest 对象

    XMLHttpRequest 对象 XMLHttpRequest 对象 XMLHttpRequest 对象用于在后台与服务器交换数据. XMLHttpRequest 对象是开发者的梦想,因为您能够: ...

  8. Django的form组件

    forms组件 forms组件,是一个类.在视图函数中创建一个类,类需要继承forms.Form from django import  forms 1.校验数据 步骤和语法: 1. 创建一个form ...

  9. Power Of Two leetcode java

    问题描述: Given an integer, write a function to determine if it is a power of two. 问题分析:给定一个数,判断它是不是2的幂. ...

  10. 『PyTorch』第二弹_张量

    参考:http://www.jianshu.com/p/5ae644748f21# 几个数学概念: 标量(Scalar)是只有大小,没有方向的量,如1,2,3等 向量(Vector)是有大小和方向的量 ...