標籤:標籤 alt set title 搜尋引擎 tle row 瀏覽器 position
框架組和內聯架構的作用類似,都是用於在一個頁面中引入其他的外部的頁面,框架組可以同時引入多個頁面,而內聯架構只能引入一個,在h5標準中,推薦使用框架組,而不使用內聯架構。
使用frameset來建立一個框架組,注意frameset不能和body出現在同一個頁面中,所以要使用框架組,頁面中就不可以使用body標籤。
屬性:
- rows,指定框架組中的所有的架構,一行一行的排列;
- cols, 指定框架組中的所有的頁面,一列一列的排列。
這兩個屬性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
刻運行下看看實際效果
前端學習 -- Html&Css -- 框架組