html框架结构

html+css网站开发兵书——html部分

10.框架结构

注意：代码位置在</head>后

    分成三个竖向窗口
    <frameset cols="300,300,300">
            <frame></frame>
            <frame></frame>
            <frame></frame>
        </frameset>
------------------------------------------------------------------------------
    嵌套分割窗口
    <frameset rows="框架窗口1的高度,窗口2的高度。。。。。。">
        <frame>
            <frameset cols="框架窗口1的宽度，2的宽度。。。。。。">
                <frame>
                </frame>
            </frameset>
        </frame>
    </frameset>
----------------------------------------------------------------------------
        <frameset cols="300,700">
        <!-- 边框线隐藏 -->
            <frame frameborder="0">
            <frameset rows="300,300,300" frameborder="1">
                <frame></frame>
                <frame></frame>
                <frame></frame>
            </frameset>
            </frame>

        </frameset>
----------------------------------------------------------------------------
frameset中的属性：
framespacing="10" 边框宽度  【只能对框架集合使用，对单个无效】
bordercolor="#00ff66" 边框颜色
frameborder="0"   为0隐藏边框线，为1显示边框线（可在frameset【全局】和frame中设置）

​ 引用外部页面文件

<frameset rows="200,500">
        <frame src="tupian.jpg" >
        <frame src="1.html" marginwidth="水平边距" marginheight="垂直边距">
    </frameset>

外部文件在此页面进行显示
marginwidth：页面内容与边框的水平边距
marginheight:页面内容与边框的垂直距离

​ 不支持框架标记

对于一些版本较低的浏览器来说，不支持框架结构就无法打开框架页面。
通过noframes参数进行设置（文字或者图片）告诉浏览人员无法打开框架页面

<frmaeset cols="35%,65%">
    <frame src="tupian.jpg" name="pic">
    <frame src="yangzi.jpg" name="text">
    <noframe>
        <center>
        <p>sorry,你的浏览器不支持框架页面，因此无法显示此页面！</p>
        <img src="感叹号.jpg">
        </center>
    </noframe>
</frameset>

​ 禁止调整窗口尺寸

<frame src="页面文件地址" noresize>

​ 普通框架

页面中添加框架链接时候，可以通过target参数进行设置
target的值是设置显示在哪个页面框架下

浮动框架

浮动框架：是在浏览器窗口中潜逃子窗口，也就是整个页面并不是框架页面，但是却包含一个框架窗口，在框架窗口内显示相应的页面内容。

<iframe src="浮动框架页面源文件" align="对齐方式">




可设置参数：
width   name   scrolling="yes/no/auto" 是否显示滚动条  
marginwidth/marginheight页面与边框的水平/垂直间距   
frameborder="0/1"浮动框架的边框