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兩個屬性盡量不要同在一個標籤中使用。若要實作下圖架構，程式碼正確寫法為： < frameset rows="59,*" cols="*" frameborder="no" border="0" framespacing="0"> < frame src="???" name="topFrame" scrolling="No" noresize="noresize" id="topFrame"/> # < ;frameset cols="213,*" frameborder="no" border="0" framespacing="0"> ## # #【即，若想即使用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. 使用案例 # #三、iframe ##是浮動的框架（frame），其常用屬性與frame類似，其他的主要有以下（相同的就不列舉了） ##1. 屬性##################①align#################設定垂直或水平對齊方式##################②allowTransparency##################設定或取得###物件## #是否可為透明。 ########################2. 案例############### 注意： #iframe標籤與frameset、frame標籤的驗證方法不同，是XHTML 1.0 Transitional。且iframe是放在body標籤之內，而frameset、frame是放在body標籤之外。 #四、綜合範例 # 綜合範例 ## ## <span style="background-color:rgb(255,255,255)"><span style="font-family:Microsoft YaHei"></span></span></p>##<body> <p style="text-indent:2em"><span style="background-color:rgb(255,255,255)"><span style="font-family:Microsoft YaHei"></span></span></p><p>對不起，您的瀏覽器不支援「框架」！ </p><p style="text-indent:2em"><span style="background-color:rgb(255,255,255)"><span style="font-family:Microsoft YaHei"></span></span></p></body><p style="text-indent:2em"><span style="background-color:rgb(255,255,255)"><span style="font-family:Microsoft YaHei"></span></span></p></noframes> ;<p style="text-indent:2em"><span style="background-color:rgb(255,255,255)"><span style="font-family:Microsoft YaHei"></span></span></p></frameset><p style="text-indent:2em"><span style="background-color:rgb(255,255,255)"><span style="font-family:Microsoft YaHei"></span></span></p></html><p style="text-indent:2em"> <span style="background-color:rgb(255,255,255)"><span style="font-family:Microsoft YaHei"></span></span></p>【說明】<p style="text-indent:2em"><span style="background-color:rgb(255,255,255)"><span style="font-family:Microsoft YaHei"></span></span></p>#<noframes>標誌對也放在標誌對之間，用來在那些不支援框架的瀏覽器中顯示文字或圖像資訊。在此標誌對之間先緊接標誌對，然後才可以使用我們熟悉的任何標誌。 # ## #####最後要說明一點：################如果將程式碼按照我以上所寫寫到VS中報錯的話，例如： #或 ##解決方法如下： 工具→選項→文字編輯器→HTML→驗證→Internet Explorer 6.0 ##########好了，透過以上內容，大家再多加練習，就會慢慢熟悉frame的相關知識了，用好了的話你會發現真的挺好。至於frame系列標籤的###事件###方法，一般用的不是非常多，需要的話，大家自己再查吧。 【呵呵，其實本人還沒用過】#########
