Chap 09 HTML使用框架結構

9.1 框架的基本概念 
    框架是瀏覽器窗口中的一個區域，它能夠顯示與瀏覽器窗口的其他部分中所顯示的內容無關的HTML文檔。框架集是HTML文件，它定義一組框架的佈局和屬性，包括框架的數目、框架的大小和位置，以及在每一個框架中初始顯示頁面的URL。框架集文件自己不包括要在瀏覽器中顯示的HTML內容，但noframes部分除外。框架集文件只是向瀏覽器提供應如何顯示一組框架，以及在這些框架中應顯示哪些文檔的有關信息。
    框架結構是將兩個或兩個以上的網頁組合起來，在同一個窗口中打開的網頁結構。框架把一個網頁分紅幾個單獨的區域， 每一個區域爲一個單獨的HTML文件。顯示時，每一個區域像一個單獨的網頁，能夠有本身的滾動條、背景、標題等。
    框架最多見的用途就是導航。一組框架一般包括含有一個導航條的框架和另外一個顯示主要內容的框架。
    
9.2 設置框架集的屬性frameset
框架頁面的結構是在框架集中設置的，能夠根據框架的分割方式分爲水平分割窗口、垂直分割窗口和嵌套分割窗口。
9.2.1 水平分割窗口rows
水平分割窗口是將頁面沿水平方向切割，也就是將頁面分紅上下排列的多個窗口。
語法:
<frameset rows="框架窗口的高度，框架窗口的高度,……">
<frame >
<frame >
……
</frameset> 
說明:rows中能夠取多個值，它由逗號分割的像素值或百分比組成。

9.2.2 垂直分割窗口cols
cols屬性指定了垂直框架的佈局方法，它將頁面沿垂直方向分割成多個窗口，由一組用逗號分割的像素值、百分比值或相對度量值組成列表。
語法:
<frameset cols="框架窗口的寬度，框架窗口的寬度,……">
<frame >
<frame >
……
</frameset> 

9.2.3 嵌套分割窗口
嵌套分割窗口就是在一個頁面中,既有水平分割的框架，又有垂直分割的框架。
語法:
<frameset rows="框架窗口的高度，框架窗口的高度,……">
<frame >
<frameset cols="框架窗口的寬度，框架窗口的寬度,……">
<frame >
……
</frameset>

9.2.4 框架的邊框frameborder
在默認狀況下，瀏覽器老是給每個框架結構上加上一條有明顯寬度的邊框。經過frameborder能夠控制邊框的顯示或隱藏。
語法：
<frameset frameborder="是否顯示">
說明:frameborder的取值只能爲0、1或者yes、no。若是取值爲0或no,那麼邊框將會隱藏；若是取值爲1或yes，邊框將會顯示。在frameset中設置將會對整個框架集有效，在frame中設置則只對當前框架有效。

9.2.5 框架的邊框寬度framespacing
在默認狀況下框架的邊框寬度是1，經過framespacing能夠調整邊框的寬度。
語法：
<frameset framespacing="邊框寬度">
說明:邊框寬度就是在頁面中各個邊框之間的線條寬度，以像素爲單位。邊框寬度只能對框架集使用，對單個框架無效。

9.2.6 框架的邊框顏色bordercolor
語法:
<frameset bordercolor="邊框顏色">

9.3 設置窗口屬性frame
<frame>用來定義每個單獨的框架頁面，框架頁面的屬性設置都在<frame>標記裏進行。

9.3.1 頁面源文件src
框架結構中的每個頁面都是一個單獨的文件，這些文件都是經過src來指定一個文件地址。
語法：
<frame src="頁面源文件地址">
說明:頁面的源文件能夠是一個網頁文件，也能夠是一張圖片，地址類型能夠是相對地址、絕對地址和錨點地址。

9.3.2 頁面名稱name
頁面名稱是爲了便於頁面的查找和連接所提供的一個屬性。例如一個左右框架結構，左側爲連接，右側爲正文，當單機左側連接之後須要在右側框架中打開正文，就須要用到<frame>的name屬性。
語法:
<frame src="頁面源文件地址" name="頁面名稱">
說明:框架的頁面名稱中不容許包含特殊字符、連字符、空格等，必須是單個的單詞或者字母組合。

9.3.3 禁止調整窗口的尺寸nosize
每個框架都有其固定的寬度和高度，能夠經過拖動邊框進行調整。不過有時候須要框架的寬度和高度保持不變，禁止瀏覽器在訪問框架的時候對弈改變框架尺寸，此時需使用moresize屬性。
語法:
<frame src="頁面源文件地址" noresize>

9.3.4 邊框與頁面內容的水平間距marginwidth
經過marginwidth能夠設置框架邊框與頁面內容水平間距。
語法:
<frame src="頁面源文件地址" marginwidth="水平間距">
說明:水平間距用於設置頁面的左右邊緣與框架邊框的距離。

9.3.5 邊框與頁面內容的垂直邊距marginheight
語法:
<frame src="頁面源文件地址" marginheight="垂直邊距">
說明:垂直邊距用來設置頁面的上、下邊緣與框架邊框的距離。

9.3.6 控制框架滾動條顯示scrolling
一個框架中的頁面內容經常會超出整個框架的尺寸範圍，在默認狀況下，瀏覽器會在右側或者下方顯示滾動條，以便瀏覽者拖動查看所有內容。但有時但願不顯示滾動條，能夠經過scrolling屬性自由控制滾動條的顯示。
語法:
<frame src="頁面源文件地址" scrolling="是否顯示滾動條">
說明: scrolling取值包括yes、no、或auto。其中，yes表示一直顯示滾動條，no表示始終不顯示滾動條，auto是系統默認值，根據具體狀況進行調整，當頁面長度超出瀏覽器窗口的範圍時就會自動顯示滾動條。

9.3.7 不支持框架標記moframes(適用於不支持框架結構的瀏覽器或者瀏覽器的框架顯示功能被用戶關閉)
使用noframes來設置替換內容，告訴瀏覽器用戶沒法打開框架頁面。
<noframes>替換顯示內容（對不起，您的瀏覽器不支持框架效果）</noframes>

9.4 浮動框架iframe
浮動框架是一種較爲特殊的框架，它是在瀏覽器窗口中嵌套的子窗口，整個頁面並不必定是框架頁面，但要包含一個框架窗口。<iframe>框架能夠徹底由設計者定義寬度和高度，而且能夠放置在一個網頁中的任何位置，浮動框架的使用極大地擴展了框架頁面的應用範圍。

9.4.1 頁面源文件src
語法:
<iframe src="浮動框架的源文件"></iframe>

9.4.2  浮動框架的寬和高width、height
<frameset>生成的框架結構是依賴上級空間尺寸的，它的寬度或者高度必須有一個和上級框架相同。而<iframe>浮動框架能夠徹底由指定寬度和高度決定。
語法:
<iframe src="浮動框架的源文件" width="浮動框架的寬" height="浮動框架的高">

9.4.3 浮動框架iframe的對齊方式
<iframe src="浮動框架的源文件" align="對齊方式"></iframe>

9.4.4 浮動框架滾動條顯示屬性scrolling
浮動框架的scrolling屬性有3種狀況：
yes:始終顯示
no:始終不顯示
auto:默認值，整個框架在頁面中左對齊 滾動條根據須要顯示
語法:
<iframe src="浮動框架的源文件" scrolling="是否顯示滾動條"></iframe>

9.5.1 普通框架結構的連接
普通的框架結構之間經過target互相連接起來。通常狀況下，一個頁面中會有一個框架窗口做爲導航頁面，其中添加了對另外一個框架內容的連接設置，而這些連接則是經過target來實現的。