1. 程式人生 > >HTML之框架結構標籤的簡單使用

HTML之框架結構標籤的簡單使用

框架標籤的簡單使用

框架:
通過使用框架,你可以在同一個瀏覽器視窗中顯示不止一個頁面,簡而言之,就是在一個視窗中顯示多個頁面。 每個頁面稱之為一個框架。並且每個框架獨立於其他的框架。
使用框架的壞處:必須同時跟蹤多個框架(網頁或HTML文件),整個頁面很難列印。
框架結構標籤
該標籤定義如何將視窗分割為框架,每個frameset定義了一系列行或列(rows或cols),他們的值規定了每行或每列佔據螢幕的面積。(和為100%)
框架標籤
該標籤定義了放置在每個框架中的具體的網頁。

程式碼塊

1.將整個頁面分為兩列,左邊佔據25%,右邊佔據75%,例如:

    <frameset
cols="25%,*">
<frame src="left.html" /> <frame src="right.html" /> </frameset>

備註:在使用frameset標籤的時候,為了有效,不使用body標籤,一般都把body標籤刪除。

2.將整個頁面先分為兩行,上邊佔據20%,下邊佔據80%,下邊在分為兩列,左邊佔據20%,右邊佔據80%,當點選左邊的時候右邊能夠進行頁面的載入,例如:

    <!--將視窗分為兩個框架,兩行(上下),上遍佔據20-->
    <frameset
rows="20%,*">
<frame src="top.html" /> <frameset cols="20%,*"> <frame src="left.html" /> <!--注意此處是name屬性的設定--> <frame name="right" /> </frameset> </frameset> <!--在left.html中,某一個具體的超連結的設定,target屬性的設定-->
<a href="right.html" target="right">點選後right.html在rignt(name)的框架中進行展示</a>

框架結構標籤的使用比較多的是管理員進行後臺管理的時候,通常使用框架架構標籤的方式進行頁面佈局,還有就是測試的時候,需要測試什麼頁面,就在框架中載入具體頁面。