HTML中的frame標籤常見的6大屬性,新手一定要悉知!

HTML框架和HTML頁內框架的區別?

在進行網站網頁設計中,會經常碰到在一個窗口中需要顯示多個獨立的網頁頁面的問題,這時候需要用到HTML frame系列標籤,而frame系列 標籤是HTML框架中不可缺少的。要正確理解HTML框架和HTML頁內框架是兩個概念。HTML框架沒有特殊說明一般指的是HTML中的frame系列標籤,它在網頁中的主要作用是把瀏覽器窗劃分成若干獨立的小窗口,每個窗口顯示相互不同的內容。瞭解了HTML框架和HTML頁內框架是不同概念後,下面為大家說一下HTML中的frame標籤的使用。

HTML中的frame標籤常見的6大屬性,新手一定要悉知!

在網頁設計中如果使用框架frame一般是框架集的形式出現的,框架集是指包含多個框架frame的信息,可以通過frameset來定義框架集。框架是按照行和列構成的,可以使用frameset標記對框架frame結構進行設置。所有瀏覽器都支持 frame標籤,所以可以放心使用frame不會出現兼容問題。

frame常見的屬性

1、左右分割窗口屬性“cols”

在水平方向上將瀏覽器分割成若干個窗口,可以通過左右分割窗口屬性cols實現。語法格式如下:

HTML中的frame標籤常見的6大屬性,新手一定要悉知!

cols的值用來指定各個框架的列寬,取值有3種形式:像素、百分比(%)、相對尺寸(*)。如果我們想通過框架把瀏覽器窗口劃分為3列,其中第一列佔瀏覽器寬度30%,第二列佔像素為320,第三列為相對剩下部分的框架,如果要實現這種效果可以把cols的值設定為cols=“30%,320px,*”,就可以實現上面說的效果。如果想通過框架把瀏覽器劃分為3個寬度相等的框架可以把cols的值設定為cols=“*,*,*”。

2、上下分割窗口屬性rows。

在垂直向上將瀏覽器分割成多個窗口,可以通過rows屬性實現,語法格式如下:

HTML中的frame標籤常見的6大屬性,新手一定要悉知!

rows屬性值用來指定各個框架的行高,也有三種形式:像素、百分比(%)、相對尺寸(*),它的設置方法和cols屬性相似。

3、框架邊框顯示屬性frameborder。

用於指定框架周圍是否顯示邊框,取值為1或0,1是顯示邊框默認值,0是不顯示邊框。

4、framespacing

用於指定框架建的距離,一像素為單位。如果不設置該屬性,框架直接沒有距離。

HTML中的frame標籤常見的6大屬性,新手一定要悉知!

5、邊框寬度屬性border。

用於指定邊框的寬度,它有一個前提就是frameborder屬性必須是1時才有效。

6、noresize屬性

可選屬性,如果不寫這個屬性,框架的邊框是可以被拖動的改變寬高,可以通過拖動邊框來改變窗口大小。

關於“HTML中的frame標籤的使用”先聊到這。每天學習一個知識點,每日寄語-“只有飛得更高,才有俯瞰一切的資格。”如轉載清標明出處。


分享到:


相關文章: