HTML 框架允許在文件視窗中建立多個文件區域,用於組織網站內容。若要建立框架,請使用 <frameset> 標記指定行或列,並使用 標記指定每個框架的來源。框架可以嵌套,使用 name 屬性命名框架以供 JavaScript 操作。不過,建議使用現代技術,例如靈活網格,而不是框架。
HTML 中框架的用法
在HTML 中,框架指定了文檔視窗中可容納多個文檔的位置。框架通常用於將網站的不同部分組織成邏輯分區。
建立框架
要建立框架,使用<frameset>
標記,並在其中指定框架的行或列:
<code class="html"><frameset rows="20%, 80%"> <frame src="header.html"> <frame src="content.html"> </frameset></code>
上面的範例建立了一個兩行框架集,其中「header.html」佔據頂部20%,而「content.html」佔據底部80%。
巢狀框架
一個框架集可以嵌套在另一個框架集內,允許建立更複雜的分割區。例如:
<code class="html"><frameset cols="50%, 50%"> <frameset rows="50%, 50%"> <frame src="menu.html"> <frame src="content1.html"> </frameset> <frame src="content2.html"> </frameset></code>
這個範例建立了一個50/50 列框架集,其中左側框架集包含一個50/50 行框架集,用於“選單”和“內容1”,而右側框架集包含「內容2」。
命名框架
為了引用框架並對其進行操作(例如更改來源或刷新內容),可以使用name
屬性來命名每個框架。例如:
<code class="html"><frame name="header" src="header.html"> <frame name="content" src="content.html"></code>
JavaScript 中的框架操作
JavaScript 可以透過 window.frames
物件陣列來存取和操作框架。例如:
<code class="javascript">window.frames[0].location = "new_header.html"; //更改第一个框架的源 window.frames["content"].reload(); //刷新“content”框架</code>
注意:框架已不再是 HTML 的建議做法,因為它可能會導致可訪問性問題和複雜性。現代網站設計應該使用更現代的技術,例如靈活的網格和響應式佈局。
以上是html中框架的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!