Frameset使用教程


一、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. 用例

<frameset cols="213,*" frameborder="no" border="0" framespacing="0">
注意1:
cols與rows兩屬性盡量不要同在一個<frameset>標簽中使用。若要實現下圖架構,代碼正確寫法為:
Frameset使用教程
1 <frameset rows="59,*" cols="*" frameborder="no" border="0" framespacing="0">
2   <frame src="???" name="topFrame" scrolling="No" noresize="noresize" id="topFrame"/>
3   <frameset cols="213,*" frameborder="no" border="0" framespacing="0">
4     <frame src="???" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame"/>
5     <frame src="???" name="mainFrame" id="mainFrame"/>

 

【即,若想即使用cols又使用rows,可利用frameset嵌套實現】
注意2:
<frameset cols="40%,*,*">
意思是:第一個框架占整個瀏覽器窗口的40%,剩下的空間平均分配給另外兩個框架。
<frameset cols="*,*,*,*">
意思是:瀏覽器窗口等分為四部分。
 
二、frame
1. 屬性
①name
設置框架名稱。此為必須設置的屬性。
②src
設置此框架要顯示的網頁名稱或路徑。此為必須設置的屬性。
③scrolling
設置是否要顯示滾動條。設定值為auto, yes, no。
④bordercolor
設置框架的邊框顏色。
⑤frameborder
設置是否顯示框架邊框。設定值只有0、1;0 表示不要邊框,1 表示要顯示邊框。
⑥noresize
設置框架大小是否能手動調節。
⑦marginwidth
設置框架邊界和其中內容之間的寬度。
⑧marginhight
設置框架邊界和其中內容之間的高度。
⑨width
設置框架寬度。
⑩height
設置框架高度。
2. 用例
<frame src="???" name="topFrame" scrolling="No" noresize="noresize" marginwidth="10" marginhight="10" width="400" height="800" />
三、iframe
是浮動的框架(frame),其常用屬性與frame類似,其他的主要有以下(相同的就不列舉了)
1. 屬性
①align
設置垂直或水平對齊方式
②allowTransparency
設置或獲取對象是否可為透明。
2. 用例
<iframe name="123" align="middle" marginwidth="0" marginheight=0 src="???" frameborder="0" scrolling="no" width="776" height="2500"></iframe>
注意:
iframe標簽與frameset、frame標簽的驗證方法不同,是 XHTML 1.0 Transitional。且iframe是放在body標簽之內,而frameset、frame是放在body標簽之外。
 
四、綜合示例
 1 <html>
 2 <head>
 3 <title>綜合示例</title>
 4 </head>
 5 <frameset cols="25%,*">
 6 <frame src="menu.html" scrolling="no" name="Left">
 7 <frame src="page1.html" scrolling="auto" name="Main">
 8 <noframes>
 9 <body>
10 <p>對不起,您的瀏覽器不支持“框架”!</p>
11 </body>
12 </noframes>
13 </frameset>
14 </html>
1 <html>
2 <head>
3 <title>menu</title>
4 </head>
5 <body>
6 <a href="page1.html"  target="Main">內容1</a>
7 <a href="page2.html"  target="Main">內容2</a>
8 </body>
9 </html>

 

【說明】
<noframes></noframes>標志對也是放在<frameset></frameset>標志對之間,用來在那些不支持框架的瀏覽器中顯示文本或圖像信息。在此標志對之間先緊跟<body></body>標志對,然后才可以使用我們熟悉的任何標志。
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM