一個瀏覽器窗體可以通過幾個頁面的組合來顯示截歉。我們可以使用框架來完成(frames)這項(xiàng)工作脉漏。(框架可以把HTML文檔分為多個頁面)
詳情可見:http://www.dreamdu.com/xhtml/tag_frame/
主要概念:框架標(biāo)簽
framHTML框架使用frameset標(biāo)簽把瀏覽器的窗體分為多個行與列的框架頁,每個頁面又使用了[frame]標(biāo)簽定義,同時應(yīng)該使用定義瀏覽器不支持框架時顯示的內(nèi)容。
1、frameset:框架標(biāo)簽
rows 橫向分割 易结,定義了框架含有多少列與列的大小(每個值使用逗號分隔),取值為象素px或者百分比%
cols 縱向分割,定義了框架含有多少行與行的大小(每個值使用逗號分隔),取值為象素px或者百分比%
表示自適應(yīng)尺寸
<frameset rows="10%,,50px"> 頭部占10%、底部占50px搞动、中間高度自適應(yīng)
2躏精、使用frame標(biāo)簽嵌套其他html頁面 。
3鹦肿、使用nresize屬性固定frame的尺寸矗烛。
4、在frame中設(shè)置name屬性==該頁面的名稱:使用如在left.html中將a標(biāo)簽鏈接內(nèi)容在right.html中顯示
框架標(biāo)簽的使用.png
一箩溃、index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<frameset rows="10%,*,50px">
<frame src="top.html" noresize="noresize"/>
<frameset cols="30%, *">
<frame src="left.html" noresize="noresize"/>
<frame src="right.html" name="Right"/>
</frameset>
<frame src="bottom.html" noresize="noresize"/>
</frameset>
<noframes>
<body>
夢之都使用了框架技術(shù)瞭吃,但是您的瀏覽器不支持框架,
請升級您的瀏覽器以便正常訪問夢之都涣旨。
</body>
</noframes>
</html>
二歪架、top.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>上方頁面</title>
</head>
<body bgcolor="palevioletred">
上方
</body>
</html>
三、bottom.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>下方頁面</title>
</head>
<body bgcolor="red">
下方
</body>
</html>
四霹陡、left.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>左側(cè)頁面</title>
</head>
<body bgcolor="orangered">
<a target="Right">貓撲</a>
<a target="Right">打噴嚏</a>
<a target="Right">cnbeta</a>
<a target="Right">51.aspx</a>
</body>
</html>
五和蚪、right.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>右側(cè)頁面</title>
</head>
<body bgcolor="blue">
right
</body>
</html>