html框架之iframe和frame及frameset

html框架之iframe和frame及frameset

1.1框架概念
        所谓框架便是网页画面分成几个框窗，同时取得多个URL。只要<frameset>和<frame>即可，而所有框架标记要放在一个总的html 文档中，这个文档只记录了该框架如何划分，不会显示任何内容。
1.2 <frameset>和<frame>
1.2.1 概述
        <frameset>称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割； <frame>则只是设定某一个框窗内的参数属性。
1.2.2 <frameset>参数设定
例：

<frameset rows="90, *" frameborder="0" border=0 framespacing="2" bordercolor="#008000"> 

        border 设置框架的边框粗细，以px为单位。
        bordercolor 设置框架的边框颜色。
        frameborder 设置是否显示框架边框。设定值只有0、1（默认）；0表示不要边框，1表示要显示边框（避免使用yes或no ）。
        cols
        纵向分割页面。其数值表示方法有三种：“30%、30（或者30px）、*（或者空着）”；数值的个数代表分成的视窗数目且数值之间用“,”隔开。“30%”表示该框架区域占全部浏览器页面区域的30%；“30”表示该区域横向宽度为30像素；“”表示该区域占用余下页面空间。例如：cols="25%, 200, *" 表示将页面分为三部分，左面部分占页面25%，中间横向宽度为200像素，页面余下的作为右面部分。
        rows 横向分割页面。数值表示方法与意义与cols相同。
framespacing 设置框架与框架间的保留的空白距离。
        注意：cols与rows两参数尽量不要设置同一个<frameset>标记，否则该框架有可能不能显示，应尽采用多重分割。
1.2.3 <frame>参数设定
例：

<frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF"> 

        src属性，定义此框窗中要显示的网页路径，每个框窗一定要对应一个网页。
        name属性 ，定义此框窗的名称，这样才能指定框架来作链接。
        注意：name属性值必须定义，但可以任意命名。
        frameborder、bordercolor、framespacing属性同<frameset>。
        scrolling属性，定义是否要显示卷轴，yes表示显示卷轴，no表示不显示，auto表示视情况显示。
        noresize 属性，定义框窗是否能够被用户改变大小。添加此属性则不让用户拖动从而改变其的大小，没有添加此属性，则用户可以随意拖动从而改变其大小。
        marginhight属性，设置框架高度部份边缘所保留的空间。
        marginwidth属性，设置框架宽度部份边缘所保留的空间。
1.3 <noframes>
        用户浏览器太旧，不支持框架功能时，网页则是一片空白。为了避免这种情况，可使用<noframes>标记，当浏览器无法识别框架时，可以识别<noframes>与</noframes>之间的内容，而不是一片空白。
        在<noframes>与</noframes>之间可以添加提醒信息，如“您的浏览器无法处理此框架，请切换浏览器以获得更好的体验！”，甚至可以是一个没有框架的网页。
        注意：若浏览器支持框架，则不会解析<noframes>中的内容；若浏览器不支持框架，所有的框架标记都会被略过，而放在<noframes>范围内的内容会被识别。
1.4 <iframe>
1.4.1概述
        iframe标记，又叫浮动帧标记，可以用它将一个HTML文档嵌入在另一个HTML中显示。iframe标记创建的包含另外一个文档的框架叫做内联框架（即行内框架）。
        注意：所有浏览器都支持<iframe>标签。
1.4.2 <iframe>的属性设置
例：

<iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> 

        src属性，规定在iframe中显示的文档的URL。
        name属性，规定此框窗名称，这是链接标记的target参数所必要的。
        align属性，规定如何根据周围的元素来对齐此框窗。不赞成使用，请使用样式代替。
        width属性，规定此框窗的宽度。不赞成使用，请使用样式代替。
        height属性，规定此框窗的高度。不赞成使用，请使用样式代替。
        marginwidth属性，定义此框窗与插入文件的左右留白间距。不赞成使用，请使用样式代替。
        marginheight属性，定义此框窗与插入文件的上下留白间距。不赞成使用，请使用样式代替。
        frameborder属性，规定是否显示框窗周围的边框，其值只有0和1（默认），0表示不要边框，1表示要显示边框（避免使用yes或no）。
        scrolling属性， 规定是否在iframe中显示滚动条，yes表示显示，no表示不显示，auto（默认）表示视情况显示。
1.5 iframe和frame的区别
        用frameset和frame可以进行固定布局，但frame必须嵌套在frameSet中使用；而iframe是一个html标签，在html中任何地方，都可以随意使用。
        frameset与frame不能放在body中，否则无法显示；相反，iframe放在frameSet中时，则必需放在body中。
        frame的高度只能通过frameSet控制；而iframe可以自己控制，且不能通过frameSet控制。
        如果在同一个页面使用了两个以上的iframe，在IE中可以正常显示，在firefox中只能显示出第一个；使用两个以上的frame在IE和firefox中均可正常。