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>

posted on 2009-03-20 15:04 jameshappy 阅读(584) 评论(0) 收藏举报