前端学习 -- HtmlCss -- 框架集
框架集和內(nèi)聯(lián)框架的作用類似，都是用于在一個(gè)頁(yè)面中引入其他的外部的頁(yè)面，框架集可以同時(shí)引入多個(gè)頁(yè)面，而內(nèi)聯(lián)框架只能引入一個(gè)，在h5標(biāo)準(zhǔn)中，推薦使用框架集，而不使用內(nèi)聯(lián)框架。
使用frameset來(lái)創(chuàng)建一個(gè)框架集，注意frameset不能和body出現(xiàn)在同一個(gè)頁(yè)面中，所以要使用框架集，頁(yè)面中就不可以使用body標(biāo)簽。
屬性：
這兩個(gè)屬性frameset必須選擇一個(gè)，并且需要在屬性中指定每一部分所占的大小。
frameset中也可以再嵌套frameset。
frameset和iframe一樣，它里邊的內(nèi)容都不會(huì)被搜索引擎所檢索，所以如果搜索引擎檢索到的頁(yè)面是一個(gè)框架頁(yè)的話，它是不能去判斷里邊的內(nèi)容的，使用框架集則意味著頁(yè)面中不能有自己的內(nèi)容，只能引入其他的頁(yè)面，而我們每單獨(dú)加載一個(gè)頁(yè)面，瀏覽器都需要重新發(fā)送一次請(qǐng)求，引入幾個(gè)頁(yè)面就需要發(fā)送幾次請(qǐng)求，用戶的體驗(yàn)比較差，如果非得用建議使用frameset而不使用iframe。
demo:
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><frameset cols="30% , * , 30%"><frame src="lesson18.html" /><frame src="NavigationBar.html" /><frameset rows="30%,50%,*"><frame src="RelativePosition.html" /><frame src="Table.html" /><frame src="ZindexAndOpacity.html" /></frameset></frameset></html>效果：
github地址：https://github.com/soyoungboy/htmlCssStudy/blob/master/HelloHBuilder/frameset.html
刻運(yùn)行下看看實(shí)際效果
?
總結(jié)
以上是生活随笔為你收集整理的前端学习 -- HtmlCss -- 框架集的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 阿里云云服务器的端口配置问题
- 下一篇： 2017年html5行业报告,云适配发布