2017-09-07
摘抄自W3school-HTML 框架
希望幫助自己系統(tǒng)地打好基礎(chǔ),也能在做筆記的同時(shí)添加一些自己額外的收獲。
框架
通過(guò)使用框架,你可以在同一個(gè)瀏覽器窗口中顯示不止一個(gè)頁(yè)面。每份HTML文檔稱為一個(gè)框架,并且每個(gè)框架都獨(dú)立于其他的框架。
使用框架的壞處:
- 開(kāi)發(fā)人員必須同時(shí)跟蹤更多的HTML文檔
- 很難打印整張頁(yè)面
<html>
<frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>
</html>
框架結(jié)構(gòu)標(biāo)簽(<frameset>)
框架結(jié)構(gòu)標(biāo)簽(<frameset>)定義如何將窗口分割為框架
每個(gè) frameset 定義了一系列行或列
rows/columns 的值規(guī)定了每行或每列占據(jù)屏幕的面積
基本的注意事項(xiàng) - 有用的提示:
假如一個(gè)框架有可見(jiàn)邊框,用戶可以拖動(dòng)邊框來(lái)改變它的大小。為了避免這種情況發(fā)生,可以在 <frame> 標(biāo)簽中加入:noresize="noresize"。
為不支持框架的瀏覽器添加 <noframes> 標(biāo)簽。
這是什么意思?
<html>
<frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
<noframes>
<body>您的瀏覽器無(wú)法處理框架!</body>
</noframes>
</frameset>
</html>
重要提示:不能將 <body></body> 標(biāo)簽與 <frameset></frameset> 標(biāo)簽同時(shí)使用!不過(guò),假如你添加包含一段文本的 <noframes> 標(biāo)簽,就必須將這段文字嵌套于 <body></body> 標(biāo)簽內(nèi)。(在下面的第一個(gè)實(shí)例中,可以查看它是如何實(shí)現(xiàn)的。)
實(shí)例注意事項(xiàng)
- 可以行列混合使用
- 使用noresize后,框架是不可調(diào)整尺寸的。在框架間的邊框上拖動(dòng)鼠標(biāo),你會(huì)發(fā)現(xiàn)邊框是無(wú)法移動(dòng)的。
- 可以利用此制作導(dǎo)航欄,右側(cè)為新頁(yè)面(具體實(shí)現(xiàn)未知)
- 可以使用iframe,也稱為內(nèi)聯(lián)框架
一些老的瀏覽器不支持 iframe。如果得不到支持,iframe 是不可見(jiàn)的。
- 可以在導(dǎo)航框架中利用錨跳轉(zhuǎn)至制定章節(jié)
<html>
<frameset cols="20%,80%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/link.html#C10">
</frameset>
</html>
這個(gè)導(dǎo)航欄的實(shí)現(xiàn)有點(diǎn)不理解啊