前端基础---框架集

2021-07-03 15:02:10 阅读：154 来源： 互联网

框架集和内联框架的作用类似，都是用于在一个页面中引入其他的外部的页面，框架集可以同时引入多个页面，而内联框架只能引入一个，在h5标准中，推荐使用框架集，而不使用内联框架使用frameset来创建一个框架集，注意frameset不能和body出现在同一个页面中所以要使用框架集，页面中就不可以使用body标签属性： rows，指定框架集中的所有的框架，一行一行的排列 cols，指定框架集中的所有的页面，一列一列的排列这两个属性frameset必须选择一个，并且需要在属性中指定每一部分所占的大小 frameset中也可以再嵌套frameset frameset和iframe一样，它里边的内容都不会被搜索引擎所检索，所以如果搜索引擎检索到的页面是一个框架页的话，它是不能去判断里边的内容的使用框架集则意味着页面中不能有自己的内容，只能引入其他的页面，而我们每单独加载一个页面浏览器都需要重新发送一次请求，引入几个页面就需要发送几次请求，用户的体验比较差如果非得用建议使用frameset而不使用iframe

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
        <!-- 
            框架集和内联框架的作用类似，都是用于在一个页面中引入其他的外部的页面，
                框架集可以同时引入多个页面，而内联框架只能引入一个，
                在h5标准中，推荐使用框架集，而不使用内联框架
                
            使用frameset来创建一个框架集，注意frameset不能和body出现在同一个页面中
                所以要使用框架集，页面中就不可以使用body标签
            
            属性：
                rows，指定框架集中的所有的框架，一行一行的排列
                cols， 指定框架集中的所有的页面，一列一列的排列
                
                这两个属性frameset必须选择一个，并且需要在属性中指定每一部分所占的大小
                
                frameset中也可以再嵌套frameset
                
            frameset和iframe一样，它里边的内容都不会被搜索引擎所检索，
                所以如果搜索引擎检索到的页面是一个框架页的话，它是不能去判断里边的内容的
            使用框架集则意味着页面中不能有自己的内容，只能引入其他的页面，而我们每单独加载一个页面
                浏览器都需要重新发送一次请求，引入几个页面就需要发送几次请求，用户的体验比较差
            如果非得用建议使用frameset而不使用iframe    
                
        -->
        <frameset cols="30% , * , 30%">
            <!-- 在frameset中使用frame子标签来指定要引入的页面 
                引入几个页面就写几个frame
            -->    
            <frame src="01.表格.html" />
            <frame src="02.表格.html" />
            <!-- 嵌套一个frameset -->
            <frameset rows="30%,50%,*">
                <frame src="04.表格的布局.html" />
                <frame src="05.完善clearfix.html" />
                <frame src="06.表单.html" />
            </frameset>
        </frameset>
</html>

标签：frameset,框架,前端,---,使用,引入,内联,页面
来源： https://www.cnblogs.com/leiyanting/p/14966346.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

前端基础---框架集