frame,是網頁開發必須掌握的知識。例如後台架構、區域性重新整理,頁面分割,都是frame的用途表現,尤其是後台頁面製作,使用frame會給使用者帶來非常舒適的使用感受。
frame知識點包括(frameset標籤、frame標籤、iframe標籤)。下面就對其一一介紹。
一、frameset
1. 屬性
①border
設定框架的邊框粗細。
②bordercolor
設定框架的邊框顏色。
③frameborder
設定是否顯示框架邊框。設定值只有0、1;0 表示不要邊框,1 表示要顯示邊框。
④cols
縱向分割頁面。其數值表示方法有三種:「30%、30(或者30px)、*」;數值的個數代表分成的視窗數目且數值之間用「,」隔開。「30%」表示該框架區域佔全部瀏覽器頁面區域的30%;「30」表示該區域橫向寬度為30畫素;「*」表示該區域占用餘下頁面空間。例如:cols="25%,200,*" 表示將頁面分為三部分,左面部分佔頁面30%,中間橫向寬度為200畫素,頁面餘下的作為右面部分。
⑤rows
橫向分割頁面。數值表示方法與意義與cols相同。
⑥framespacing
設定框架與框架間的保留的空白距離。
2. 用例
注意1:
cols與rows兩屬性盡量不要同在乙個標籤中使用。若要實現下圖架構,**正確寫法為:
【即,若想即使用cols又使用rows,可利用frameset巢狀實現】
注意2:
意思是:第乙個框架佔整個瀏覽器視窗的40%,剩下的空間平均分配給另外兩個框架。
意思是:瀏覽器視窗等分為四部分。
二、frame
1. 屬性
①name
設定框架名稱。此為必須設定的屬性。
②src
設定此框架要顯示的網頁名稱或路徑。此為必須設定的屬性。
③scrolling
設定是否要顯示滾動條。設定值為auto, yes, no。
④bordercolor
設定框架的邊框顏色。
⑤frameborder
設定是否顯示框架邊框。設定值只有0、1;0 表示不要邊框,1 表示要顯示邊框。
⑥noresize
設定框架大小是否能手動調節。
⑦marginwidth
設定框架邊界和其中內容之間的寬度。
⑧marginhight
設定框架邊界和其中內容之間的高度。
⑨width
設定框架寬度。
⑩height
設定框架高度。
2. 用例
width="400" height="800" />
三、iframe
是浮動的框架(frame),其常用屬性與frame類似,其他的主要有以下(相同的就不列舉了)
1. 屬性
①align
設定垂直或水平對齊方式
②allowtransparency
設定或獲取物件是否可為透明。
2. 用例
src="???"
frameborder="0" scrolling="no" width="776"
height="2500">
注意:
iframe標籤與frameset、frame標籤的驗證方法不同,是xhtml 1.0 transitional。且iframe是放在body標籤之內,而frameset、frame是放在body標籤之外。
四、綜合示例
對不起,您的瀏覽器不支援「框架」!
【說明】
標誌對也是放在標誌對之間,用來在那些不支援框架的瀏覽器中顯示文字或影象資訊。在此標誌對之間先緊跟標誌對,然後才可以使用我們熟悉的任何標誌。
最後需要說明一點:
如果將**按照我以上所寫寫到vs中報錯的話,例如:
解決方法如下:
工具→選項→文字編輯器→html→驗證→internet explorer 6.0
好了,通過以上內容,大家再多加練習,就會慢慢熟悉frame的相關知識了,用好了的話你會發現真的挺好。至於frame系列標籤的事件方法,一般用的不是非常多,需要的話,大家自己再查吧。【呵呵,其實本人還沒有用到過】
frameset使用總結
frameset元素是 frame 元素的容器。html 文件可包含frameset元素或 body 元素之一,而不能同時包含兩者。如果使用者在框架中開啟了 web 資料夾後單擊了 web 資料夾中的內容,那麼被單擊的檔案或資料夾將取代整個視窗。例如,假設頁面包含兩個框架,乙個框架指向 第二個框架指...
frameset 使用心得
欲明白本篇 html徹底剖析 之標記分類,請看 標記一覽 也請先明白圍堵標記與空標記的分別,請看 html概念 框架概念 謂框架便是網頁畫面分成幾個框窗,同時取得多個 url。只需要 即可,面所有框架標記需要放在乙個總起的 html 檔,這個檔案只記錄了該框架如何分割 不會顯示任何資料,所以不必放入...
使用Frameset框架技術
幀視窗是一種複雜的頁面技術,應用幀視窗使得使用者可以在同乙個瀏覽器視窗中瀏覽不同 的內容,可以在乙個小視窗中發出查詢命令而在另乙個小視窗中接收查詢結果。實現幀視窗的思路是將瀏覽器視窗按照功能分割成多個小視窗。每個視窗都對應有自己的 html 頁面,按照一定的組合方式組合在一起,以實現特殊的效果。其中...