html框架结构

清疚 2022-06-18 04:24 185阅读 0赞

## 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>

**禁止调整窗口尺寸**

**普通框架**

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

### 浮动框架 ###

浮动框架：是在浏览器窗口中潜逃子窗口，也就是整个页面并不是框架页面，但是却包含一个框架窗口，在框架窗口内显示相应的页面内容。
    
    <iframe src="浮动框架页面源文件" align="对齐方式">
    
    
    
    
    可设置参数：
    width   name   scrolling="yes/no/auto" 是否显示滚动条  
    marginwidth/marginheight页面与边框的水平/垂直间距   
    frameborder="0/1"浮动框架的边框