88.尚硅谷_HTML&CSS基础_框架集.avi原创

说啊，再说一个小的东西啊，但是也这东西也是呢，其实用的没有那么多啊，但我们了解一下叫做一个什么呢？叫做一个框架集啊框架级，框架级是什么玩意儿呢？还记得我们讲的那个内联框架吗？诶f frame，我们说可以干嘛呀，在我们当前网页里引入一个web的页面，对吧？哎，Web的页面，那我们说什么呢？我们框架集和我们这个内联框架作用什么呀，一样啊，框架集和我们这个内框架集和什么呀，和我们这个内联，诶内联框架的这个作用干嘛呢？诶类似啊，作用类似都是干嘛的呢？都是用于在什么呢？在一个页面中干嘛呢？哎，引入哎其他页面啊，引入其他的这个，哎外部页面啊，引入其他的外部页面，那不同的是什么呢？我们来说，那既然叫了集，就意味着。

什么呀，是不是只是诶集一定是什么呀，一定是多个啊一定是多个，所以什么呢？我们的框架级可以什么呢？呃，框架级可以什么呀，可以同时我们说引入诶多个页面，而我们是什么呀？而我们这个内联框架，内联框架是不是只能引入一个呀？哎，只能引入一个啊，但是我们来说其实差不多啊，这俩功能都是一样的，其实你可以理解什么呀，框架级是我们内联框架一个什么呀，升级版啊是一个升级版在什么呢？在我们这个H5标准中，诶什么呢？诶推荐什么呀，推荐我们使用的是框架级，诶而什么呢？而不使用我们这个诶内联框架啊，而不使我们内联框架，所以这里边注意是推荐我们使用这个框架级的，而不不使用我们这个内联框架，但是说实在这两个面其实我都不太荐用是吧，诶都不太愿用，所以我们这块了解一下就行了啊，知道它简单怎么用就OK了，那这里边我们来说框架级它是怎么去。

使用的啊，怎么去使用的，那我们来说使用什么呢？使用我们叫做一个frameme frame set来干嘛呢？来创建一个我们叫做一个框架集，诶frame是不是就是我们内联框架那个frame呀，Set我们说了叫什么呀，集合啊集合frame set就表什么呀，一个框架，框架集啊框架集，但是注意了它和我们其他标签不一样，我们其他标签怎么写的，我直接来一个frame set是不是行了，但是注意它和这个其他标签不太一样，我们说了它有一个特点，但是注意注意什么呢？诶注意我们说什么呀，Frame set，他和一个人的关系不太好，诶关系不太好，诶什么叫关系不太好呢？也就是这两个东西不能同时出现在一个页面里，同时出现在一个页面里俩人干嘛了？打架了啊，打架了跟谁不合呢？跟鲍迪不和啊，跟body不合，所以注意什么呢？哎，Frame set，哎，哎，不能和什么呢？和body出现在什么呀？哎，同一。

个页面中啊，这俩人干嘛呀，水火不容，有他没我有我啊没他啊，有我没他，所以什么呢？所以要使用我们这个框架级，诶什么呢？诶页面中就诶不可以使用什么呀，Body底标签啊，就不可以使用body底标签，那就没辙了，我们既然要讲框架集，那咱们让body迪先凉快去是吧，哎，那凉快上待着去啊，然后说我们再写一个这个frame side还frame赛，那也就是说你看到这儿，你其实你会发现意味着什么问题了，那也就是说我这个框架及这个页面里我还能不能去写其他东西了，哎，不能了，连包底都没有，是不是没地儿写呀？所以这种框架级的页面专门就是干嘛的呀，专门就是引入外部页面的，而不能再写什么了，自己的东西了啊，不能再写自己的东西了，好，那frame set写完了，然后我们要怎么写呀，那注意了，Frame set，我们这只是个嘛呀，定义了一个框架集在frame set里边干嘛呀，我们说了是不是可以同时引入。

多个页面啊，哎，在frame side里边还有一个紫标签叫什么呢？就叫frame啊，就叫frame，我们来说一下在我们这个ime frame set中使用什么呢？哎，使用我们这个frame，诶子标签来干嘛呢？诶来指定要引入的一个什么呀，页面啊，来指定要引入的页面，这个frame就像什么呢？就和我们那个I frame类似，只不过I frame是一个什么呀，有开始有结束的，而frame是一个什么呀，自接触标签啊，自接触标签来，那它的用法和f frame也一样，有一个什么呀，有一个SRCSRC需要指向一个外部网页，一个什么呀，地址，比如说来一个01点表格点面，那就是一个什么呀，我将零一表格这个页面干嘛的呢？引入到了我当前这个什么呀，框架及这个页面啊，那我现在引入几个呀，引入了一个啊，只引入了一个保存，我们来CTRL1看一看效果诶你。

是不是只能看到这个这么一个表格啊，哎，其他的都看不到啊，那注意了，框架集里边我是没有写什么呀，没有写表格的，连body都没有，这个是什么呀，通过frame来引入的啊，来引入的，好，那问题就来了，那现在我引入几个呀？嗯，一个，那我们说了我是不是可以同时引入多个呀，哎，多个多个怎么办？哎，我是不是再写个frame呀，所以这里边我们来说引入几个页面就什么呀，就写几个这个frame来复制一个，我再来一个零二表格，两人称我是不是引入两个页面啊，来咱们看效果啊，我这一刷新走你，哎哟。没有是吧，只有什么呀，是不是只有一个呀，我零二这个页面看没看见啊，没看见，那这是为什么，那我们来说一下啊，那现在你这引入两个页面，我们浏览器就会带来一个问题，什么问题呢？哎，你这页面是竖着放这么放还是。

一行一行的放，对吧，你是不是得有一个这个摆放的一个方式啊，哎，摆放的方式啊，所以注意我们这个为side里边还得有必须有一个属性，比如说来什么呢？叫做一个Rose Rose什么意思？行吧？哎，行，我们来看看啊，我这来一个50%逗口号，50%我们来看什么效果啊，保存，我这来一刷新走你干嘛了，是不是横过来了，诶说换句话说是什么呀，它是不是一行一行的这么一个摆放的呀，诶一行一行摆放的啊，哎，所以Rose这里边我怎么感觉我那个颜色没了啊，我这还写的是大于号是吧，把table给它删了，保存易刷新，诶应该是这么一个效果是吧？诶那现在但是关心的不是它是吧？诶关键不是它啊，还是看我们这个frame set，诶，那我这摆，我这Rose表什么意思呀。哎，你看我是不是一行一行的呀，哎，一行一行的啊，一行一行的，所以我们来说可以什么呢？可以属性吧，直接说属性叫一什么呢？叫做一个Rose，指定我们这什么呀？诶框架集中的什么呀，所有的这个框架干嘛呢？诶一行一行的什么呀？诶一行一行的这个排列，所以现在什么意思，我引入了两个框架，这个两个框架干嘛呀？诶上边一个是不是下边一个呀？诶一行一行的叫做一个Rose，诶那这两个的高怎么定的？

哎，我是不是写了一个50%啊，哎，我这5%表示什么呀？上边那占一半是不是下边那个占一半啊，哎，上边那个占一半，下边占一半正好什么呀，是不是正好是两个呀？哎，正好两个啊，一行一行排列，那现在我这改一个改什么呢？改一个叫做。Co Co什么意思呢？诶列一列一列，它是简写叫columns是吧？哎，Column我们来这一刷新走，你听清了吗？是不是一列一列的排列呀，哎，一列的啊叫做一个Rose，是一行一行cos叫什么呀，一列一列指定我们这个框架集中的这个所有的这个页面干嘛呢？一列诶一列的什么呀？哎，排列啊排列，那我们来说什么呢？诶需要哎在我们这个，诶这样写吧，我们说这两个属性，我们这个frame set必须什么呀？诶必须选选择一个啊必须选择一个，要不然你就横着排，要不然你就什么呀，竖着排啊，要不然你就横着排，要不然你就竖着排啊柏须选择一个，并且什么呢？诶并且需要什么呢？需要在我们个什么呀，在我们这个属性中指定，诶每一部分。

呃，所占的这个大小啊，所占大小，那这五十百分之变什么了，我这是一列一列的吧，诶那表示什么呀，宽一半，这边宽是不是也占一半啊，哎，两个的宽度各占一半啊，这是我们这个效果啊，那这个就不多说了，那现在我这是两个，那假设我再来一个，来一什么呢？来一个零三，我叫一个这个长表格，我再引入一个，那这块注意了，你说这回行不行了，我这一刷新走，你那个是不是没出来呀，为啥没出来呀，你这占50%，这占10%他是不就没掉了呀，而且你这已经定了，我要几列呀，哎，两列有没有第三列呀，哎，没有啊，没有，所以注意我们分几列分几行，我这要干嘛呀，写几个值你写三列你就要什么呀，三个值你写你写十列，你叫什么呀，十个值，你这写两列就意味着你只有什么呀，两个值，所以我们这块三列我可以改一下子干嘛呢？这改一个吧，这是30%，然后这。

这40%，最后再来一个30%，是不是正好三列呀，哎，保存我们再来看一刷新走你诶是不是这30都有了呀，哎，30都有了，当然如果你想横着排就什么呀，Rose啊就是Rose啊好，那还可以怎么写呢？我这可以不写4%十来一什么呢？来个芯，芯表示什么意思啊，前边30%，后边30%，剩下的干嘛呀，给中间其实跟刚才效果是一样的啊，效果是一样的啊，所以使用这个芯可以来代替这个东西啊，可以使用这个芯来代替这个东西，好那这个呢，就是我们说的这么一个frame set呢，用起来也比较的一个简单，但是主要是什么呀，你一用frame set就意味着你这个页面里不能有自己的东西，专门是引入一些什么呀，外部的一个内容啊，外部的内容，然后呢，我们再说一个问题，再说一个什么问题呢？我们来说frame set中，Frame中可以什么呢？也可以在嵌套什么呀。

Frame set啊，在frame set中也可以再去嵌套set，也就是说像谁啊，说要像表格啊，哎，我在表格里可以嵌一个表格，在我们这个frame set里干嘛呢？也可以再套一个frame set，假设举例子，现在我们是分成三列了呀，那干嘛呢？我第三列我不想再写它了，我第三列干嘛呢？我想上边引入一个页面，中间引入一个页面，我是不是下边再引入引入一个页面啊，那我这要要再引入三个页面，那也就意味着什么，我第三个里边我还是不是引入这个页面了，哎，不是了，我是不是要在第三个里套一个这个frame赛赛，哎赛，那我们来看怎么写，那第三个我就不这么写了，我就不写什么了，不写frame了，第三个写什么呢？写一个三，在这我们来嵌套一个这个三，直接来一个，直接来一个me frame set frame set里边我需要干嘛呢？我需要横向的再套三个页面，我来一个什么呀，来一个Rose。

Roses来什么呀？诶，30 30%，这来一个这个50%，然后逗号剩下的20%给最后一个，这能看懂吧，哎，然后套页面一共需要几个页面三个，因为指定了三个值，来一个这个frame frame来一个src，我们来引入一个这个零四我们这个表格，表格布局，然后再写一个来一个零。

0505，我们这个完善我们这个click fix再来一个零六我们这个表单，诶我是不是这又引入三个页面啊，06.1个这个表单，然后保存，咱们再来看什么效果，应该什么效果呀，左边两个页面不变，这边应该变成什么？诶三个页面啊，我这来一刷新。是不是这个效果呀，哎，变成这个三个页面啊，变成三个页面，所以你看到这你会发现你实际上我如果用frame set能不能布局啊，是不是也可以布局啊，哎，当然这个呢，非常的恶心啊，非常的恶心，布完局就你即使用起来也非常的不好啊，所以这边注意Fla side呢是不推荐你去使用的，但是你要了解一下，你知道是什么意思，那我们实际上这个frame set就相当于什么呀，是不是相当于一个frame呀，哎，相当于一个frame啊，所以注意我们这三个值是包括什么呀，第一个值30%是给我们第一个frame，然后星上是不是给我们第二个呀，而这个30%是给什么呀？给我们最后一个这个frame set啊frame set的，所以注意啊，好，那这个呢，我们就说到这就行了啊，这个东西我们就不再去多说了，一些基本的使用给他说就行了，然后呢，我再说一下为什么不推荐使用它啊，不推荐使用它，比如说frame set，和我们这个I frame一样，它里面的内容呢，哎，都不。

不会被我们这个搜索引擎锁什么呀，所检索啊所检索所以什么呢？所以如果搜索引擎检索到的什么呢？检索到的这个页面是一个这个框架页的话，诶，它是什么呀，它是不能去哎判断里边的什么呀，里边的这个内容的，也就是说他都不能判断了，那你他对于你这个搜索浏览这个网页在搜索擎的排名，它有没有好处，没有好处，或者干脆人家干嘛了，你就不收录了，完全不收录了，所以注意对于搜索引擎它是不友好的啊，它是不友好的，那还有一个问题，那我们来说什么呢？使用使用我们这个框架集什么呢？诶意味着则意味着我们这个页面中干嘛呀，不能有什么呀，有自己的这个内容，只能干嘛呀，只能引入其他的什么呀。

页面啊，只能引入其他页面，不能有自己的内容，为什么呀，你连包都没有了对吧？诶你不能写自己内容，只能引入其他的一个页面，而什么呢？而我们每单独加载一个页面，浏览器都干嘛呀，浏览器都需要重新哎发送一次什么呀，一次请求什么意思？那你来看这我这儿一共引入了几个页面，12345，是不是一共引入了五个页面啊，引入了五个页面也就是意味着我浏览器需要发什么呀。

哎，发五次请求，所以这里边儿我们来说什么呢？引入几个页面就干嘛呢，就需要发送几次请求。那我们说那这玩意儿得多慢呀，实际上你干嘛呀，我们说了这个你访问一个网页相当于干嘛呀，相当于你访问了什么呀，是不是五个网页呀，哎，相当于访问了五个网页，这个加上本身是不是六个呀，哎，那访问速度是干嘛呀，是比较慢的啊，是比较慢的，所以注意引入几个页面就发送几个请求，我们说诶用户的这个体验干嘛呀，比较比较差啊，比较差，所以一般我们的项目都不会用这个frame set，尤其是我们一些，诶你想放在互联网上，我们说了，如果你是内网项目，什么意思呀，就公司内部用，你用它一点问题也没有，但是在互联网上我们一般都干嘛呀，都不用它啊，都不用它，然后还有一个问题什么呀，这个frame set和I frame都不推荐使用，那我们说什么呢？如果非得用，哎，建议使用我们这个set，而什么呢，不使用我们这个f frame啊，建议最好使用这个frame set，而不使用我们这个f frame，因为在我们这个H5里边f frame已经给它废了啊，已经没有这F。

Frame主要用的这个frame set啊frame，但是你用f frame呢也没问题啊，也可以用啊，也可以用，但是不建议使用，说白了都不建议用是吧，都不建议好那这个是我们这个框架集啊说了一套。