一倘核、frameset
1. 屬性
①border
設(shè)置框架的邊框粗細获印。
②bordercolor
設(shè)置框架的邊框顏色足绅。
③frameborder
設(shè)置是否顯示框架邊框摩泪。設(shè)定值只有0笆焰、1劫谅;0 表示不要邊框见坑,1 表示要顯示邊框。
④cols
縱向分割頁面捏检。其數(shù)值表示方法有三種:“30%荞驴、30(或者30px)、*”贯城;數(shù)值的個數(shù)代表分成的視窗數(shù)目且數(shù)值之間用“,”隔開熊楼。“30%”表示該框架區(qū)域占全部瀏覽器頁面區(qū)域的30%能犯;“30”表示該區(qū)域橫向?qū)挾葹?0像素鲫骗;“*”表示該區(qū)域占用余下頁面空間。例如:cols="25%,200,*" 表示將頁面分為三部分踩晶,左面部分占頁面30%执泰,中間橫向?qū)挾葹?00像素,頁面余下的作為右面部分渡蜻。
⑤rows
橫向分割頁面术吝。數(shù)值表示方法與意義與cols相同。
⑥framespacing
設(shè)置框架與框架間的保留的空白距離茸苇。
2. 用例
<frameset cols="213,*" frameborder="no" border="0" framespacing="0">
注意1:
cols與rows兩屬性盡量不要同在一個<frameset>標簽中使用排苍。若要實現(xiàn)下圖架構(gòu),代碼正確寫法為:
<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">
?????????????????????<frame src="???" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame"/>
?????????????????????<frame src="???" name="mainFrame" id="mainFrame"/>
【即学密,若想即使用cols又使用rows淘衙,可利用frameset嵌套實現(xiàn)】
注意2:
<frameset cols="40%,*,*">
意思是:第一個框架占整個瀏覽器窗口的40%,剩下的空間平均分配給另外兩個框架。
<frameset cols="*,*,*,*">
意思是:瀏覽器窗口等分為四部分腻暮。
二彤守、frame
1. 屬性
①name
設(shè)置框架名稱漩氨。此為必須設(shè)置的屬性。
②src
設(shè)置此框架要顯示的網(wǎng)頁名稱或路徑遗增。此為必須設(shè)置的屬性叫惊。
③scrolling
設(shè)置是否要顯示滾動條。設(shè)定值為auto, yes, no做修。
④bordercolor
設(shè)置框架的邊框顏色霍狰。
⑤frameborder
設(shè)置是否顯示框架邊框。設(shè)定值只有0饰及、1蔗坯;0 表示不要邊框,1 表示要顯示邊框燎含。
⑥noresize
設(shè)置框架大小是否能手動調(diào)節(jié)宾濒。
⑦marginwidth
設(shè)置框架邊界和其中內(nèi)容之間的寬度。
⑧marginhight
設(shè)置框架邊界和其中內(nèi)容之間的高度屏箍。
⑨width
設(shè)置框架寬度绘梦。
⑩height
設(shè)置框架高度。
2. 用例
<frame src="???" name="topFrame" scrolling="No" noresize="noresize" marginwidth="10" marginhight="10" width="400" height="800" />
三赴魁、iframe
是浮動的框架(frame)卸奉,其常用屬性與frame類似,其他的主要有以下(相同的就不列舉了)
1. 屬性
①align
設(shè)置垂直或水平對齊方式
②allowTransparency
設(shè)置或獲取對象是否可為透明颖御。
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標簽之內(nèi)疹鳄,而frameset、frame是放在body標簽之外芦岂。
<html>
<head><title>綜合示例</title>
</head>
<frameset cols="25%,*">
????????<frame src="menu.html" scrolling="no" name="Left">
????????<frame src="page1.html" scrolling="auto" name="Main">
????????<noframes>
????????????????<body>
????????????????????????<p>對不起瘪弓,您的瀏覽器不支持“框架”!</p>
????????????????</body>
????????</noframes>
</frameset>
</html>
<html>
<head>
<title>menu</title></head>
<body>
? ? ? ? ? ?<a href="page1.html" target="Main">內(nèi)容1</a>
? ? ? ? ? ?<a href="page2.html" target="Main">內(nèi)容2</a>
</body>
</html>
注:本文檔為個人學習使用盔腔,無任何商業(yè)用途杠茬,如侵權(quán) 請聯(lián)系作者