框架:綜合指南
框架集是一種將網頁構造到多個獨立幀中的方法,它提供了一種將瀏覽器窗口分為部分的方法,每個窗口都可以顯示單獨的HTML文檔。 儘管曾經常見,但它們在很大程度上被現代佈局技術所取代。本指南探討了它們的功能,局限性和替代方案。
> frameSet的工作方式:
框架組使用>元素對多個幀進行分組。 這些幀可以水平佈置(使用<frameset></frameset>
屬性)或垂直(使用rows
>屬性),也可以在兩者的組合中進行排列。每個幀由cols
>元素定義。 至關重要的是,框架集需要特定的Doctype,並且不允許在<frame>
嵌套框架是可能的,可以進行複雜的佈局。 例如,用另一個框架替換框架會創建一個層次結構。
>
圖2:嵌套框架示例。 限制和挑戰:
框架集提出了幾種可用性和SEO挑戰:
書籤:書籤特定的框架需要在所需框架上右鍵單擊(或Mac上的ctrl單擊)。
打印框架可能會出現問題,需要仔細考慮是否要打印整個集合或單個幀。
- 鍵盤導航:
- 僅使用鍵盤導航可能會很麻煩,需要在框架之間切換。 搜索引擎優化(SEO):
- >示例:
-
>一個簡單的框架集,具有兩個水平佈置的幀:
> - >用例(有限):
>在很大程度上過時的情況下,在利基市場中可能會考慮框架集,其中持續的導航面板需要與動態變化的內容共存。 但是,對於此類情況,通常優選基於CSS的解決方案。 >
>常見問題:
- > 的目的:
<frameset></frameset>
>將瀏覽器窗口分為多個幀,每個框架都加載一個單獨的HTML文檔。與其他元素的差異 > -
定義頁面結構,而不是內容,替換>元素。
<frameset></frameset>
。 html5兼容性: -
屬性:
<frameset></frameset>
和 - 控制框架佈置和尺寸。
rows
幀大小控制:cols
和 - 屬性以像素或百分比指定大小。
rows
嵌套框架:cols
是的,它們得到了支持但不鼓勵。 >
- >鏈接到特定幀:使用 >或
- elements中的
屬性。 。 target
>限制:<a></a>
可用性問題,SEO問題以及缺乏HTML5支持。<form></form>
替代方案: - 元素和html5語義元素。 >從框架的過渡:
- 使用CSS和HTML5元素重新設計,用於現代,可訪問的佈局。
總而言之,儘管FrameSets提供了一種創建複雜的頁面佈局的方法,但它們的局限性以及使用CSS和HTML5的優越替代方案的可用性使它們通常不適合現代Web開發。 但是,了解它們的功能為Web設計的演變提供了寶貴的背景。
以上是框架。的詳細內容。更多資訊請關注PHP中文網其他相關文章!

您是否曾經在項目上需要一個倒計時計時器?對於這樣的東西,可以自然訪問插件,但實際上更多


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

Dreamweaver Mac版
視覺化網頁開發工具

記事本++7.3.1
好用且免費的程式碼編輯器