前端学习 -- HtmlCss -- 框架集
框架集和內(nèi)聯(lián)框架的作用類似,都是用于在一個(gè)頁面中引入其他的外部的頁面,框架集可以同時(shí)引入多個(gè)頁面,而內(nèi)聯(lián)框架只能引入一個(gè),在h5標(biāo)準(zhǔn)中,推薦使用框架集,而不使用內(nèi)聯(lián)框架。
使用frameset來創(chuàng)建一個(gè)框架集,注意frameset不能和body出現(xiàn)在同一個(gè)頁面中,所以要使用框架集,頁面中就不可以使用body標(biāo)簽。
屬性:
這兩個(gè)屬性frameset必須選擇一個(gè),并且需要在屬性中指定每一部分所占的大小。
frameset中也可以再嵌套frameset。
frameset和iframe一樣,它里邊的內(nèi)容都不會(huì)被搜索引擎所檢索,所以如果搜索引擎檢索到的頁面是一個(gè)框架頁的話,它是不能去判斷里邊的內(nèi)容的,使用框架集則意味著頁面中不能有自己的內(nèi)容,只能引入其他的頁面,而我們每單獨(dú)加載一個(gè)頁面,瀏覽器都需要重新發(fā)送一次請(qǐng)求,引入幾個(gè)頁面就需要發(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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 阿里云云服务器的端口配置问题
- 下一篇: LayaBox IDE 安装后执行项目报