HTML之网页框架
為什么要使用框架
一個瀏覽器文檔窗口中一般只能顯示一個網(wǎng)頁文件，但是，使用框架標(biāo)簽就可以將一個瀏覽器文檔窗口分割成多個子窗口，每個子窗口中都可以顯示一個獨立的網(wǎng)頁文件。
框架是由英文Frame翻譯過來，它代表瀏覽器文檔窗口中的一個子窗口。每個框架都可以顯示一個HTML文件，多個框架組成了一個框架集（Frameset）?？蚣芗ǔ５氖褂梅椒ㄊ窃谝粋€框架中放置一個網(wǎng)頁，此網(wǎng)頁含有可以鏈接到其他多個網(wǎng)頁的超鏈接條目，訪問者單擊這些超鏈接條目后，可以將超鏈接指向的網(wǎng)頁文件顯示在另外一個指定的框架中。如果要求在單個應(yīng)用窗口中顯示一個以上的網(wǎng)頁，就可以使用框架。
框架集標(biāo)簽 <frameset></frameset>
一個被劃分成若干框架的窗口區(qū)域被稱為框架集，框架窗口必須定義在框架集中，<frameset>和</frameset>標(biāo)簽用來定義框架集中有幾個框架，以及各個框架時如何排列的。
<frameset>和</frameset>標(biāo)簽嵌套在<html></html>標(biāo)簽對中，也可以嵌套使用，但是必須放在<body>和</body>標(biāo)簽之外，因為，<frameset>和</frameset>標(biāo)簽只是用來劃分框架窗口的，而不能顯示其他的網(wǎng)頁元素。
<frameset>標(biāo)簽具有兩個比較重要的屬性：rows屬性和cols屬性，使用此標(biāo)簽時，至少應(yīng)選擇這兩個屬性中的一個，否則瀏覽器只顯示第一個定義的框架，剩下的一概不管，<frameset>和</frameset>標(biāo)簽也就沒有起到任何作用了。
- rows屬性用來規(guī)定主文檔中有幾行框架窗口及各個框架窗口及各個框架窗口的大小。
- cols屬性用來規(guī)定主文檔中有幾列框架窗口及各個框架窗口及各個框架窗口的大小。
備注：屬性值可以是百分?jǐn)?shù)、絕對像素值。或者星號（*）的組合，取值的個數(shù)說明了行和列的個數(shù)，（*）代表那些未被說明的空間，如果同一個屬性中出現(xiàn)多個星號（*），則將 剩下的未被說明的空間平均分配，每個值之間用逗號隔開。
例：<frameset rows="*,*,*"></frameset>這個表示共有三個按行排列的框架，每個框架占整個瀏覽器窗口的1/3的空間的大小。
<frameset rows="40%,*,*"></frameset>這個表示共有三個按列排列的框架，第一個框架占整個瀏覽器窗口的40%，剩下的空間平均分配給另外兩個框架的窗口。
<frameset rows="40%,*" cols="50%,*,200"></frameset>這個表示共有六個框架，兩行三列。
框架標(biāo)簽 <frame></frame>
<frame>標(biāo)簽放在<frameset>和</frameset>標(biāo)簽之間，用來定義某一個具體的框架窗口。<frame>標(biāo)簽具有兩個比較重要的屬性：src屬性和name屬性，這兩個屬性都是必須賦值的。src指定整個框架窗口中初始裝載的網(wǎng)頁文件的URL地址，瀏覽器將會在此框架中顯示src指定的HTML文件；name指定框架窗口的名字，這個名字是用來供超文本鏈接標(biāo)簽<a href="" target="">中的target屬性指定鏈接的HTML文件將顯示在哪一個框架中。例如，定義了一個框架名字為“main”，其他某個框架窗口中的超鏈接標(biāo)簽的target屬性值等于這個框架窗口的名字“main”，當(dāng)那個超連接被單擊后，它指向的HTML文件將顯示在“main”框架中。
此外，<frame>還有scrolling屬性和noresize屬性，scrolling屬性用來指定是否在框架窗口邊框顯示滾動條，取值可以是yes、no、auto（網(wǎng)頁內(nèi)容的空間比空間窗口大時顯示，否則不顯示）。noresize屬性直接加入標(biāo)簽即可使用，不需要賦值，他用來禁止用戶使用鼠標(biāo)拖動框架間的分割線兒調(diào)整框架的大小。
標(biāo)簽 <noframes>
<noframes>和</noframes>這對標(biāo)簽的作用是當(dāng)瀏覽者使用的瀏覽器太舊，不支持框架這個功能時，看到的將會是一片空白。為了避免這種情況，可使用<noframes>這個標(biāo)簽，當(dāng)使用的瀏覽器看不到框架時，就會看到<noframes></noframes>之間的內(nèi)容，而不是一片空白。這些內(nèi)容可以是提醒瀏覽轉(zhuǎn)用新的瀏覽器的字句，甚至是一個沒有框架的網(wǎng)頁，或能自動切換至沒有框架的版本。在此標(biāo)簽對之間，應(yīng)該先緊跟著<body>和</body>標(biāo)簽。
浮動窗口標(biāo)簽 <iframe></iframe>
<iframe>標(biāo)簽稱為浮動窗口標(biāo)簽。<iframe>和</iframe>標(biāo)簽不需要放在<frameset>和</frameset>標(biāo)簽之間，它的作用是在一個網(wǎng)頁中間插入一個簡單的框架窗口，在這個框架窗口中可以顯示另外一個文件，這樣就能夠?qū)崿F(xiàn)一種“畫中畫”的效果。在<iframe>和</iframe>標(biāo)簽對中放入的文本只有在瀏覽器不支持<iframe>標(biāo)簽時才會顯示，給用戶一個提示信息。<iframe>標(biāo)簽的屬性的用法與<frame>標(biāo)簽類似，這里不多做介紹。
總結(jié)
- 上一篇： 计算机视觉常见的十种图像标注方法
- 下一篇： IE浏览器弹框提示脚本发生错误