# HTML 框架 **通過使用框架，你可以在同一個瀏覽器窗口中顯示不止一個頁面。** ## 實例 [垂直框架](/tiy/t.asp?f=html_frame_cols) ``` &lt;html&gt; &lt;frameset cols="25%,50%,25%"&gt; &lt;frame src="/example/html/frame_a.html"&gt; &lt;frame src="/example/html/frame_b.html"&gt; &lt;frame src="/example/html/frame_c.html"&gt; &lt;/frameset&gt; &lt;/html&gt; ``` [水平框架](/tiy/t.asp?f=html_frame_rows) ``` &lt;html&gt; &lt;frameset rows="25%,50%,25%"&gt; &lt;frame src="/example/html/frame_a.html"&gt; &lt;frame src="/example/html/frame_b.html"&gt; &lt;frame src="/example/html/frame_c.html"&gt; &lt;/frameset&gt; &lt;/html&gt; ``` （[可以在本頁底端找到更多實例](#more_examples)。） ## 框架 通過使用框架，你可以在同一個瀏覽器窗口中顯示不止一個頁面。每份HTML文檔稱為一個框架，并且每個框架都獨立于其他的框架。 使用框架的壞處： * 開發人員必須同時跟蹤更多的HTML文檔 * 很難打印整張頁面 框架結構標簽（&lt;frameset&gt;） 編者注：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> ``` ## 基本的注意事項 - 有用的提示： 假如一個框架有可見邊框，用戶可以拖動邊框來改變它的大小。為了避免這種情況發生，可以在 &lt;frame&gt; 標簽中加入：noresize="noresize"。 為不支持框架的瀏覽器添加 &lt;noframes&gt; 標簽。 重要提示：不能將 &lt;body&gt;&lt;/body&gt; 標簽與 &lt;frameset&gt;&lt;/frameset&gt; 標簽同時使用！不過，假如你添加包含一段文本的 &lt;noframes&gt; 標簽，就必須將這段文字嵌套于 &lt;body&gt;&lt;/body&gt; 標簽內。（在下面的第一個實例中，可以查看它是如何實現的。） ## &lt;a id="more_examples"&gt;更多實例&lt;/a&gt; [如何使用 &lt;noframes&gt; 標簽](/tiy/t.asp?f=html_noframes) ``` &lt;html&gt; &lt;frameset cols="25%,50%,25%"&gt; &lt;frame src="/example/html/frame_a.html"&gt; &lt;frame src="/example/html/frame_b.html"&gt; &lt;frame src="/example/html/frame_c.html"&gt; &lt;noframes&gt; &lt;body&gt;您的瀏覽器無法處理框架！&lt;/body&gt; &lt;/noframes&gt; &lt;/frameset&gt; &lt;/html&gt; ``` [混合框架結構](/tiy/t.asp?f=html_frame_mix) ``` &lt;html&gt; &lt;frameset rows="50%,50%"&gt; &lt;frame src="/example/html/frame_a.html"&gt; &lt;frameset cols="25%,75%"&gt; &lt;frame src="/example/html/frame_b.html"&gt; &lt;frame src="/example/html/frame_c.html"&gt; &lt;/frameset&gt; &lt;/frameset&gt; &lt;/html&gt; ``` [含有 noresize="noresize" 屬性的框架結構](/tiy/t.asp?f=html_frame_noresize) ``` &lt;html&gt; &lt;frameset cols="50%,*,25%"&gt; &lt;frame src="/example/html/frame_a.html" noresize="noresize" /&gt; &lt;frame src="/example/html/frame_b.html" /&gt; &lt;frame src="/example/html/frame_c.html" /&gt; &lt;/frameset&gt; &lt;/html&gt; ``` [導航框架](/tiy/t.asp?f=html_frame_navigation) ``` &lt;html&gt; &lt;frameset cols="120,*"&gt; &lt;frame src="/example/html/html_contents.html"&gt; &lt;frame src="/example/html/frame_a.html" name="showframe"&gt; &lt;/frameset&gt; &lt;/html&gt; ``` [內聯框架](/tiy/t.asp?f=html_iframe) ``` &lt;html&gt; &lt;body&gt; &lt;iframe src="/i/eg_landscape.jpg"&gt;&lt;/iframe&gt; &lt;p&gt;一些老的瀏覽器不支持 iframe。&lt;/p&gt; &lt;p&gt;如果得不到支持，iframe 是不可見的。&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; ``` [跳轉至框架內的一個指定的節](/tiy/t.asp?f=html_frame_jump) ``` &lt;html&gt; &lt;frameset cols="20%,80%"&gt; &lt;frame src="/example/html/frame_a.html"&gt; &lt;frame src="/example/html/link.html#C10"&gt; &lt;/frameset&gt; &lt;/html&gt; ``` [使用框架導航跳轉至指定的節](/tiy/t.asp?f=html_frame_navigation2)