HTML 框架

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)

  1. 可以行列混合使用
  2. 使用noresize后,框架是不可調(diào)整尺寸的。在框架間的邊框上拖動(dòng)鼠標(biāo),你會(huì)發(fā)現(xiàn)邊框是無(wú)法移動(dòng)的。
  3. 可以利用此制作導(dǎo)航欄,右側(cè)為新頁(yè)面(具體實(shí)現(xiàn)未知)
  4. 可以使用iframe,也稱為內(nèi)聯(lián)框架

一些老的瀏覽器不支持 iframe。如果得不到支持,iframe 是不可見(jiàn)的。

  1. 可以在導(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)不理解啊

最后編輯于
?著作權(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)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 通過(guò)使用框架,可以在同一個(gè)瀏覽器窗口中顯示不止一個(gè)頁(yè)面。 框架結(jié)構(gòu)標(biāo)簽 <frameset> 定義如何將窗口分割為...
    WILD_POINTER閱讀 1,247評(píng)論 0 1
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說(shuō)明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,520評(píng)論 1 41
  • 普通框架 概念框架技術(shù):將一個(gè)瀏覽器窗口劃分成若干個(gè)小窗口,每個(gè)小窗口顯示一個(gè)獨(dú)立的網(wǎng)頁(yè)。 框架集和框架頁(yè)框架集<...
    小虎哥閱讀 1,657評(píng)論 0 11
  • 一個(gè)瀏覽器窗體可以通過(guò)幾個(gè)頁(yè)面的組合來(lái)顯示。我們可以使用框架來(lái)完成(frames)這項(xiàng)工作。(框架可以把HTML文...
    艷曉閱讀 1,116評(píng)論 0 1
  • 每個(gè)人的精力都是有限的,我們?cè)谝欢螘r(shí)間內(nèi)可以專心的做好某一件事,但不能把所有事全部做好,所以,我們需要找出最緊急的...
    肉豆須張巍閱讀 242評(píng)論 0 0

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