一、框架
一個瀏覽器文檔窗口只能顯示一個網頁文件,但是可以通過使用框架,在同一個瀏覽器窗口中顯示不止一個頁面。使用框架的頁面主要包含兩個部分,一個是框架集,另一個就是具體的框架文件。
框架多用于網站后臺或者內網系統的布局。
1.框架集(<frameset></frameset>):就是用來定義這一HTML文件為框架模式,并設定視窗如何分割的文件。通俗一點地說,框架集就是存放框架結構的文件,也是訪問框架文件的入口文件。如果網頁由左右二個框架組成,那么除了左右二個網頁文件之外,還有一個總的框架集文件。在使用框架的頁面中,<body>主體標記被框架標記<frameset>所代替。而對于框架頁面中包含的每一個框架,都是通過<frame>標記來定義的。
rows屬性:水平分割窗口。水平分割窗口是將頁面沿水平方向切割,也就是將頁面分成上下排列的多個窗口。rows中可以取多個值,每個值表示一個框架窗口的水平寬度,它的單位可以是像素,也可以是占瀏覽器的百分比。但是要注意的是,一般設定了幾個rows的值,就需要有幾個框架,也就是需要有相應數量的<frame>參數。
<html> <head> <title>水平分割窗口的效果</title> </head> <frameset rows="30%,70%"> <frame> <frame> </frameset> </html>
cols屬性:垂直分割窗口。垂直分割窗口就是將頁面沿垂直方向分割成多個窗口,也就是將頁面分成左右排列的多個窗口。cols中可以取多個值,每個值表示一個框架窗口的水平寬度,它的單位可以是像素,也可以是占瀏覽器的百分比。與水平分割窗口向同,一般設定了幾個cols的值,就需要有幾個框架,也就是有幾個<frame>參數。
<html> <head> <title>垂直分割窗口的效果</title> </head> <frameset cols="20%,55%,25%"> <frame> <frame> <frame> </frameset> </html>
frameborder屬性:設置邊框。在默認情況下,框架窗口的四周有一條邊框線,通過frameborder參數可以調整邊框線的顯示情況。語法為:
<frameset frameborder="是否顯示">或者<frame frameborder="是否顯示">。 frameborder的取值只能為0或1。如果取值為0,那么邊框線將會被隱藏;如果取值為1,邊框線將會顯示。在frameset中設置將會對整個框架有效,在frame中設置則只對當前這個框架有效。
<html> <head> <title>設置框架窗口的邊框顯示效果</title> </head> <frameset rows="20%,55%,25%"> <frame frameborder="1"> <frameset cols="35%,65%" frameborder="0"> <frame > <frame> </frameset> <frame frameborder="0"> </frameset> </html>
framespacing屬性:框架的邊框寬度。框架的邊框寬度在默認情況下是1像素,通過參數framespacing可以調整其大小。
語法:<frameset framespacing="邊框寬度">
說明:邊框寬度就是在頁面中各個邊框之間的線條寬度,以像素為單位。而這一參數只能對框架集使用,對單個框架無效。
<html> <head> <title>設置框架的邊框寬度</title> </head> <frameset rows="30%,70%" framespacing="10"> <frame> <frameset cols="20%,55%,25%" framespacing="30"> <frame> <frame> <frame> </frameset> </frameset> </html>
bordercolor屬性:框架的邊框顏色。使用參數bordercolor可以設置框架集的邊框顏色。
語法:<frameset bordercolor="顏色代碼">
說明:該參數同樣只對整個框架集有效,對于單個框架無效。
<html> <head> <title>設置框架的邊框顏色</title> </head> <frameset rows="30%,70%" framespacing="10" bordercolor ="#CC99FF"> <frame> <frameset cols="20%,55%,25%" framespacing="30" bordercolor ="#9900FF"> <frame> <frame> <frame> </frameset> </frameset> </html>
2.框架(<frame>)和src屬性。
框架結構中的各個頁面都是一個單獨的文字,而這些文件是通過src參數進行設置的。
語法:<frame src="頁面源文件地址">