Frameset標(biāo)簽使用教程

一、frameset

1. 屬性

①border

設(shè)置框架的邊框粗細(xì)。

②bordercolor

設(shè)置框架的邊框顏色。

③frameborder

設(shè)置是否顯示框架邊框。設(shè)定值只有0、1;0 表示不要邊框,1 表示要顯示邊框。

④cols

縱向分割頁面。其數(shù)值表示方法有三種:“30%、30(或者30px)、*”;數(shù)值的個(gè)數(shù)代表分成的視窗數(shù)目且數(shù)值之間用“,”隔開?!?0%”表示該框架區(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兩屬性盡量不要同在一個(gè)<frameset>標(biāo)簽中使用。若要實(shí)現(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嵌套實(shí)現(xiàn)】

注意2:

<frameset cols="40%,*,*">

意思是:第一個(gè)框架占整個(gè)瀏覽器窗口的40%,剩下的空間平均分配給另外兩個(gè)框架。

<frameset cols="*,*,*,*">

意思是:瀏覽器窗口等分為四部分。


二、frame

1. 屬性

①name

設(shè)置框架名稱。此為必須設(shè)置的屬性。

②src

設(shè)置此框架要顯示的網(wǎng)頁名稱或路徑。此為必須設(shè)置的屬性。

③scrolling

設(shè)置是否要顯示滾動(dòng)條。設(shè)定值為auto, yes, no。

④bordercolor

設(shè)置框架的邊框顏色。

⑤frameborder

設(shè)置是否顯示框架邊框。設(shè)定值只有0、1;0 表示不要邊框,1 表示要顯示邊框。

⑥noresize

設(shè)置框架大小是否能手動(dòng)調(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

是浮動(dòng)的框架(frame),其常用屬性與frame類似,其他的主要有以下(相同的就不列舉了)

1. 屬性

①align

設(shè)置垂直或水平對(duì)齊方式

②allowTransparency

設(shè)置或獲取對(duì)象是否可為透明。

2. 用例

<iframe name="123" align="middle" marginwidth="0" marginheight=0 src="???" frameborder="0" scrolling="no" width="776" height="2500"></iframe>

注意:

iframe標(biāo)簽與frameset、frame標(biāo)簽的驗(yàn)證方法不同,是XHTML 1.0 Transitional。且iframe是放在body標(biāo)簽之內(nèi),而frameset、frame是放在body標(biāo)簽之外。

<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>對(duì)不起,您的瀏覽器不支持“框架”!</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>



注:本文檔為個(gè)人學(xué)習(xí)使用,無任何商業(yè)用途,如侵權(quán) 請(qǐng)聯(lián)系作者

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容