<iframe>標記,又稱爲浮動幀標記,可以用來將一個HTML文檔嵌套在另一個HTML文檔中顯示。
<iframe>基本用法:
<iframe src='URL' width="x" height="x" scrolling="[option]" frameborder="x"> <frame>
src設置文件的路徑
width和height分別設置浮動窗口的寬和高
scrolling設置是否出現滾動條,可選值有auto(自動)、yes(出現)、no(不出現)
fromeborder設置是否出現邊框,可選值有1(出現) 2(不出現)
先創建一個iframe.html的文檔,代碼如下:
<html>
<head>
<Title>
登鸛雀樓
</Title>
</head>
<body bgcolor="pink">
<h3 align="center">
登鸛雀樓
</h3>
<P align="center">白日依山盡,黃河入海流。
<br>欲窮千里目,更上一層樓。
</P>
</body>
</html>
再創建主頁面代碼test.html:
<html>
<head>
<title>畫中畫</title>
</head>
<body>
<center>
<iframe src="iframe.html" width="400"
height=300 frameborder="1"></iframe>
</center>
</body>
</html>
<iframe>還可以有name屬性,結合表格佈局,可以實現同框架一樣的效果;如圖所示,點擊超鏈接可以在右邊的部分顯示
<html>
<head>
<title>左右</title>
</head>
<frameset cols="10%,*">
<frame src="left.html"/>
<frame name='aaa'/>
</frameset>
</html>
1.<frameset>一般先用一個文檔將頁面分成成幾部分,此文檔只記錄了該框架如何劃分,不會顯示任何資料,因此不必放<body>中。2.<frameset>是用以劃分框架,每個框架由一個<frame>標記所標示,<frame>必須在<frameset>中使用。
3.<frameset>中根據rows或cols將框架分成上下或左右幾部分。
4. iframe是內部幀,可以嵌在一個頁面裏面,設置內部幀的屬性可以使得整體看上去象一個完整的頁面,而不是由多個頁面組成 。
5.一般在頁面佈局中,比如很多網站,上面有廣告條,左邊放菜單,右邊放內容,這樣上邊和左邊的內容都可不動,只動態改變右邊的內容,這種一般使用<frameset>框架佈局較多;但用<iframe>比<frameset>少一個文件,但支持<iframe>框架的瀏覽器相對較少。