FrameSet(Frame),IFrame,noframes

frame是分栏的,而iframe是潜入到页面的..

frame是一個框架裡面的框架頁,而框架需要全屏幕顯示,不是像一般網頁可以定778的寬度,而且frame不能勇於表格之內,而只是把頁面進行劃分。  
  所以如果需要插入內嵌的頁面,就一般要用iframe,iframe很方便地插入頁面
FrameSet的用法:
<frameset cols="50%,*">
<frame name="hello" src="up2u.html">
<frame name="hi" src="me2.html">
  </frameset>
 此例中 <FRAMESET> 把画面分成左右两相等部分,左边是显示 up2u.html,右边则会显示 me2.html 这档案,<FRAME> 标记所标示的框窗是按由上而下、由左至右的次序

  • frameset标签是成对出现的,以<frameset>开始,</frameset>结束
  • 在框架页中frameset代替了body标签,因此框架页中不能包含body
  • 使用框架时应该声明支持框架的文档类型<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  • 属性:
    • -- 一般属性
    • cols -- 定义了框架含有多少列与列的大小(每个值使用逗号分隔),取值为象素px或者百分比%
    • rows -- 定义了框架含有多少行与行的大小(每个值使用逗号分隔),取值为象素px或者百分比%
    • border -- 定义frame定义的框架页的边框(单位像素),使用css实现
    • frameborder -- 定义框架页是否边框(此属性应写在frame标签内部,不应在此出现)
    • framespacing -- 定义框架页之间间隔的距离,使用css实现

    eg:
    <frameset cols="1*,250,3*">
    定义了水平的前,中,后列,中列为250px象素,前列与后列分别占剩余的25%与75%
    <frameset rows="30%,70%" cols="33%,34%,33%">
    定义了一个2行*3列的框架

    noframes 标签 -- 对不支持框架的设备进行提示,或相关操作
    • noframes标签是成对出现的,以<noframes>开始,</noframes>结束
    • 由于frameset内不能包含body标签,因此noframes内部必须包含body标签
    • 引用网址:http://www.dreamdu.com/xhtml/tag_noframes/

    示例:

    <frameset cols="50%,25%,25%">
    <frame src="http://www.dreamdu.com/xhtml/">
    <frame src="http://www.dreamdu.com/css/">
    <frame src="http://www.dreamdu.com/javascript/">
    <noframes>
    <body>
    <p>梦之都使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问梦之都。</p>
    </body>
    </noframes>
    </frameset>
  • iframe 标签 -- 代表HTML内联框架 
    • iframe标签是成对出现的,以<iframe>开始,</iframe>结束
    • iframe标签内的内容可以做为浏览器不支持iframe标签时显示
    • 属性
      • Common -- 一般属性
      • name -- 定义了内容页名称,此名称在框架页内链接时使用到
      • src -- 定义了内容页URL(同frame标签)
      • frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
        • 1 -- 在每个页面之间都显示边框
        • 0 -- 不显示边框
      • height -- 框架的高度,取值像素或百分比
      • width -- 框架的宽度,取值像素或百分比
      • marginwidth -- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定
      • marginheight -- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定
      • scrolling -- 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto
        • yes -- 显示滚动条
        • no -- 不显示滚动条
        • auto -- 当需要时再显示滚动条
      • align -- 垂直或水平对齐方式
      • longdesc -- 定义框架页的说明

    示例:<iframe id="showFrame" scrolling="no" frameborder="0" height="100%" width="100%" src="Personnel_Edit.aspx?TYPE=PERS"></iframe>

  • 原文地址:https://www.cnblogs.com/jameshappy/p/1417718.html