當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

HTML之网页框架

發布時間：2023/12/20 HTML 34 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML之网页框架小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

為什么要使用框架

一個瀏覽器文檔窗口中一般只能顯示一個網頁文件，但是，使用框架標簽就可以將一個瀏覽器文檔窗口分割成多個子窗口，每個子窗口中都可以顯示一個獨立的網頁文件。

框架是由英文Frame翻譯過來，它代表瀏覽器文檔窗口中的一個子窗口。每個框架都可以顯示一個HTML文件，多個框架組成了一個框架集（Frameset）。框架集通常的使用方法是在一個框架中放置一個網頁，此網頁含有可以鏈接到其他多個網頁的超鏈接條目，訪問者單擊這些超鏈接條目后，可以將超鏈接指向的網頁文件顯示在另外一個指定的框架中。如果要求在單個應用窗口中顯示一個以上的網頁，就可以使用框架。

框架集標簽 <frameset></frameset>

一個被劃分成若干框架的窗口區域被稱為框架集，框架窗口必須定義在框架集中，<frameset>和</frameset>標簽用來定義框架集中有幾個框架，以及各個框架時如何排列的。
<frameset>和</frameset>標簽嵌套在<html></html>標簽對中，也可以嵌套使用，但是必須放在<body>和</body>標簽之外，因為，<frameset>和</frameset>標簽只是用來劃分框架窗口的，而不能顯示其他的網頁元素。
<frameset>標簽具有兩個比較重要的屬性：rows屬性和cols屬性，使用此標簽時，至少應選擇這兩個屬性中的一個，否則瀏覽器只顯示第一個定義的框架，剩下的一概不管，<frameset>和</frameset>標簽也就沒有起到任何作用了。

rows屬性用來規定主文檔中有幾行框架窗口及各個框架窗口及各個框架窗口的大小。
cols屬性用來規定主文檔中有幾列框架窗口及各個框架窗口及各個框架窗口的大小。

備注：屬性值可以是百分數、絕對像素值。或者星號（*）的組合，取值的個數說明了行和列的個數，（*）代表那些未被說明的空間，如果同一個屬性中出現多個星號（*），則將剩下的未被說明的空間平均分配，每個值之間用逗號隔開。
例：<frameset rows="*,*,*"></frameset>這個表示共有三個按行排列的框架，每個框架占整個瀏覽器窗口的1/3的空間的大小。
<frameset rows="40%,*,*"></frameset>這個表示共有三個按列排列的框架，第一個框架占整個瀏覽器窗口的40%，剩下的空間平均分配給另外兩個框架的窗口。
<frameset rows="40%,*" cols="50%,*,200"></frameset>這個表示共有六個框架，兩行三列。

框架標簽 <frame></frame>

<frame>標簽放在<frameset>和</frameset>標簽之間，用來定義某一個具體的框架窗口。<frame>標簽具有兩個比較重要的屬性：src屬性和name屬性，這兩個屬性都是必須賦值的。src指定整個框架窗口中初始裝載的網頁文件的URL地址，瀏覽器將會在此框架中顯示src指定的HTML文件；name指定框架窗口的名字，這個名字是用來供超文本鏈接標簽<a href="" target="">中的target屬性指定鏈接的HTML文件將顯示在哪一個框架中。例如，定義了一個框架名字為“main”，其他某個框架窗口中的超鏈接標簽的target屬性值等于這個框架窗口的名字“main”，當那個超連接被單擊后，它指向的HTML文件將顯示在“main”框架中。
此外，<frame>還有scrolling屬性和noresize屬性，scrolling屬性用來指定是否在框架窗口邊框顯示滾動條，取值可以是yes、no、auto（網頁內容的空間比空間窗口大時顯示，否則不顯示）。noresize屬性直接加入標簽即可使用，不需要賦值，他用來禁止用戶使用鼠標拖動框架間的分割線兒調整框架的大小。

標簽 <noframes>

<noframes>和</noframes>這對標簽的作用是當瀏覽者使用的瀏覽器太舊，不支持框架這個功能時，看到的將會是一片空白。為了避免這種情況，可使用<noframes>這個標簽，當使用的瀏覽器看不到框架時，就會看到<noframes></noframes>之間的內容，而不是一片空白。這些內容可以是提醒瀏覽轉用新的瀏覽器的字句，甚至是一個沒有框架的網頁，或能自動切換至沒有框架的版本。在此標簽對之間，應該先緊跟著<body>和</body>標簽。

浮動窗口標簽 <iframe></iframe>

總結

以上是生活随笔為你收集整理的HTML之网页框架的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。