框架。

Joseph Gordon-Levitt
Joseph Gordon-Levitt原創
2025-02-27 09:33:10130瀏覽

框架:綜合指南

框架集是一種將網頁構造到多個獨立幀中的方法,它提供了一種將瀏覽器窗口分為部分的方法,每個窗口都可以顯示單獨的HTML文檔。 儘管曾經常見,但它們在很大程度上被現代佈局技術所取代。本指南探討了它們的功能,局限性和替代方案。

> frameSet的工作方式:

框架組使用

>元素對多個幀進行分組。 這些幀可以水平佈置(使用<frameset></frameset>屬性)或垂直(使用rows>屬性),也可以在兩者的組合中進行排列。每個幀由cols>元素定義。 至關重要的是,框架集需要特定的Doctype,並且不允許在標籤中的內容;框架集本身取代了身體。 <frame>

frameset (HTML element)

圖1:一個簡單的兩行幀。

嵌套框架是可能的,可以進行複雜的佈局。 例如,用另一個框架替換框架會創建一個層次結構。

>

圖2:嵌套框架示例。

frameset (HTML element) 限制和挑戰:

框架集提出了幾種可用性和SEO挑戰:

書籤:書籤特定的框架需要在所需框架上右鍵單擊(或Mac上的ctrl單擊)。 >

>打印:

打印框架可能會出現問題,需要仔細考慮是否要打印整個集合或單個幀。 >

    鍵盤導航:
  • 僅使用鍵盤導航可能會很麻煩,需要在框架之間切換。
  • 搜索引擎優化(SEO):搜索引擎可能難以在框架內索引內容,可能導致搜索可見性不佳。 可能需要一個“在框架集中查看此頁面”鏈接,通常需要JavaScript。
  • >示例:
  • >一個簡單的框架集,具有兩個水平佈置的幀:>
  • >用例(有限): >在很大程度上過時的情況下,在利基市場中可能會考慮框架集,其中持續的導航面板需要與動態變化的內容共存。 但是,對於此類情況,通常優選基於CSS的解決方案。
  • >

>常見問題:

  • > 的目的:<frameset></frameset>>將瀏覽器窗口分為多個幀,每個框架都加載一個單獨的HTML文檔。 與其他元素的差異
  • >
  • 定義頁面結構,而不是內容,替換>元素。 <frameset></frameset>
  • html5兼容性:在HTML5中棄用。
  • 屬性:<frameset></frameset>
  • 控制框架佈置和尺寸。 rows幀大小控制:cols
  • 屬性以像素或百分比指定大小。 rows嵌套框架:cols是的,它們得到了支持但不鼓勵。
  • >
  • >鏈接到特定幀:使用
  • >或
  • elements中的屬性。 target>限制:<a></a>可用性問題,SEO問題以及缺乏HTML5支持。 <form></form>
  • 替代方案: css佈局,
  • 元素和html5語義元素。
  • >從框架的過渡:
  • 使用CSS和HTML5元素重新設計,用於現代,可訪問的佈局。 總而言之,儘管FrameSets提供了一種創建複雜的頁面佈局的方法,但它們的局限性以及使用CSS和HTML5的優越替代方案的可用性使它們通常不適合現代Web開發。 但是,了解它們的功能為Web設計的演變提供了寶貴的背景。

以上是框架。的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:ID(HTML屬性)下一篇:ID(HTML屬性)