HTML 框架-1.22HTML 基礎教程

閱讀 ?·? 發布日期 2019-07-06 07:18 ?·? admin

通過使用框架，你可以在同一個瀏覽器窗口中顯示不止一個頁面。

實例

垂直框架
本例演示：如何使用三份不同的文檔制作一個垂直框架。
水平框架
本例演示：如何使用三份不同的文檔制作一個水平框架。

（可以在本頁底端找到更多實例。）

框架

通過使用框架，你可以在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱為一個框架，并且每個框架都獨立于其他的框架。

使用框架的壞處：

  • 開發人員必須同時跟蹤更多的HTML文檔
  • 很難打印整張頁面
框架結構標簽（<frameset>）
  • 框架結構標簽（<frameset>）定義如何將窗口分割為框架
  • 每個 frameset 定義了一系列行或列
  • rows/columns 的值規定了每行或每列占據屏幕的面積

編者注：frameset 標簽也被某些文章和書籍譯為框架集。

框架標簽（Frame）

Frame 標簽定義了放置在每個框架中的 HTML 文檔。

在下面的這個例子中，我們設置了一個兩列的框架集。第一列被設置為占據瀏覽器窗口的 25%。第二列被設置為占據瀏覽器窗口的 75%。HTML 文檔 "frame_a.htm" 被置于第一個列中，而 HTML 文檔 "frame_b.htm" 被置于第二個列中：

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

基本的注意事項 - 有用的提示：

假如一個框架有可見邊框，用戶可以拖動邊框來改變它的大小。為了避免這種情況發生，可以在 <frame> 標簽中加入：noresize="noresize"。

為不支持框架的瀏覽器添加 <noframes> 標簽。

重要提示：不能將 <body></body> 標簽與 <frameset></frameset> 標簽同時使用！不過，假如你添加包含一段文本的 <noframes> 標簽，就必須將這段文字嵌套于 <body></body> 標簽內。（在下面的第一個實例中，可以查看它是如何實現的。）

更多實例

如何使用 <noframes> 標簽
本例演示：如何使用 <noframes> 標簽。
混合框架結構
本例演示如何制作含有三份文檔的框架結構，同時將他們混合置于行和列之中。
含有 noresize="noresize" 屬性的框架結構
本例演示 noresize 屬性。在本例中，框架是不可調整尺寸的。在框架間的邊框上拖動鼠標，你會發現邊框是無法移動的。
導航框架
本例演示如何制作導航框架。導航框架包含一個將第二個框架作為目標的鏈接列表。名為 "contents.htm" 的文件包含三個鏈接。
內聯框架
本例演示如何創建內聯框架（HTML 頁中的框架）。
跳轉至框架內的一個指定的節
本例演示兩個框架。其中的一個框架設置了指向另一個文件內指定的節的鏈接。這個"link.htm"文件內指定的節使用 <a name="C10"> 進行標識。
使用框架導航跳轉至指定的節
本例演示兩個框架。左側的導航框架包含了一個鏈接列表，這些鏈接將第二個框架作為目標。第二個框架顯示被鏈接的文檔。導航框架其中的鏈接指向目標文件中指定的節。