HTML 框架

有了框架，你可以在一個同樣的瀏覽器視窗顯示更多的網頁。

例子

垂直框架
此例說明如何製作一個具有三個不同文件的垂直框架

水平框架
This example

此例說明如何製作一個具有三個不同文件的水平框架

如何使用不支援框架標示
此例說明如何使不支援框架<noframes> 標示

(你可以找到更多的例子在此頁下方)

框架

有了框架，你可以在同樣的視窗顯示更多框架，每一個 HTML 文件都叫件一個框架，並且每個框架都都彼此獨立。

使用框架的缺點有：

• 網頁製作者必須在更多的HTML文件保持注意
• 要列印出全部網頁是不容易的。

設定框架標示

• 設定框架樣式<frameset>標示定義如何將視窗設成框架
• 每個設定框根架樣設成一組直的或橫的框架。
• 直列或橫列的值表示全部螢幕的直列或橫列將被分佔。

框架標示

• 框架 <frame> 標示設定將 HTML 文件放到每一個框架。

在下列的例子中，我們有一個具有二欄的設定框架樣式. 第一欄是設成寬25%的瀏覽視窗The first column is set to 25% of the width of the browser window. 第二欄是設成寬75%瀏覽器視窗.  HTML 文件 "frame_a.htm" 是放到第一欄，而 HTML 文件 "frame_b.htm" 是放到第二欄

<frameset cols="25%,75%">
   <frame src="frame_a.htm">
   <frame src="frame_b.htm">
</frameset>

基本摘要 - 有用的提示

如果框架具有可見的邊框，使用者可藉由拖拉框邊而瞭解. 要防止使用者做這樣的事，你可以加一個固定框架大小 noresize="noresize" 到 <frame> 標示。

加一個不支援框架 <noframes> 標示，表示瀏覽器不支援框架。

更多的例子

設定混合框架
此例說明如何設定一個具有三欄的混合框架，並如何將橫欄與直列混合。

設定框架與固定框架大小="noresize"
 此例說明不改變框架大小屬性，框是固定的，移動滑鼠到框邊上，你會發現無法移動框的位置。

引導框架 frame
此例說明如何設定一個引導框架. 以第二個框架為目標引導框架包含一排的連結，.這個檔案叫"tryhtml_contents.htm" 包含三個連結，它的原始檔是：
<a href ="tryhtml_frame_a.htm" target ="showframe">Frame a</a><br>
<a href ="tryhtml_frame_b.htm" target ="showframe">Frame b</a><br>
<a href ="tryhtml_frame_c.htm" target ="showframe">Frame c</a>
第二個框架將顯示被連結的文件.

迷你框架
此例說明如何建立一個迷你框框 (框內有HTML 文件)

跳到框架的指定部份
此例說明二個框架，其中一個框架在檔案指定部份具有路徑. 指定的部份是在"link.htm"檔案，由 <a name="C10"> 做成

跳到指定引導框架的指定部份
此例說明二個框架，左邊的引導框架(content.htm)包括一排的連結，並以第二個框架 (link.htm)為連結目標. 第二個框架顯示出連結文件.在引導框架其中的一個連結是連結到目標檔的指定部份. 這個檔案中 HTML 的原始碼是 "content.htm" 就像這樣：

 <a href ="link.htm" target ="showframe">沒有連結標示</a><br>

<a href ="link.htm#C10" target ="showframe">有連結標示</a>.

框架標示