前端学习 -- HtmlCss -- 框架集
生活随笔
收集整理的這篇文章主要介紹了
前端学习 -- HtmlCss -- 框架集
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
框架集和內聯框架的作用類似,都是用于在一個頁面中引入其他的外部的頁面,框架集可以同時引入多個頁面,而內聯框架只能引入一個,在h5標準中,推薦使用框架集,而不使用內聯框架。
使用frameset來創建一個框架集,注意frameset不能和body出現在同一個頁面中,所以要使用框架集,頁面中就不可以使用body標簽。
屬性:
這兩個屬性frameset必須選擇一個,并且需要在屬性中指定每一部分所占的大小。
frameset中也可以再嵌套frameset。
frameset和iframe一樣,它里邊的內容都不會被搜索引擎所檢索,所以如果搜索引擎檢索到的頁面是一個框架頁的話,它是不能去判斷里邊的內容的,使用框架集則意味著頁面中不能有自己的內容,只能引入其他的頁面,而我們每單獨加載一個頁面,瀏覽器都需要重新發送一次請求,引入幾個頁面就需要發送幾次請求,用戶的體驗比較差,如果非得用建議使用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
刻運行下看看實際效果
?
總結
以上是生活随笔為你收集整理的前端学习 -- HtmlCss -- 框架集的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 阿里云云服务器的端口配置问题
- 下一篇: web前端超出两行用省略号表示