公司簡介
發(fā)展歷程
高端網(wǎng)站建設(shè)
微信開發(fā)
APP開發(fā)
網(wǎng)絡(luò)營銷服務(wù)
電商網(wǎng)站定制
生物醫(yī)藥網(wǎng)站建設(shè)
外貿(mào)網(wǎng)站建設(shè)
教育培訓(xùn)網(wǎng)站建設(shè)
小程序開發(fā)
功能應(yīng)用
客戶案例
網(wǎng)站建設(shè)案例
小程序案例
電商平臺案例
APP案例
系統(tǒng)平臺案例
網(wǎng)站建設(shè)
網(wǎng)站設(shè)計
常見問題
小程序
公司地址
人才招聘
地址:成都市太升南路288號錦天國際A幢1002號
電話:028-86922220
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務(wù)器等服務(wù)
怎么用HTML框架?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
一、框架
一個瀏覽器文檔窗口只能顯示一個網(wǎng)頁文件,但是可以通過使用框架,在同一個瀏覽器窗口中顯示不止一個頁面。使用框架的頁面主要包含兩個部分,一個是框架集,另一個就是具體的框架文件。
框架多用于網(wǎng)站后臺或者內(nèi)網(wǎng)系統(tǒng)的布局。
1.框架集():就是用來定義這一HTML文件為框架模式,并設(shè)定視窗如何分割的文件。通俗一點地說,框架集就是存放框架結(jié)構(gòu)的文件,也是訪問框架文件的入口文件。如果網(wǎng)頁由左右二個框架組成,那么除了左右二個網(wǎng)頁文件之外,還有一個總的框架集文件。在使用框架的頁面中,
rows屬性:水平分割窗口。水平分割窗口是將頁面沿水平方向切割,也就是將頁面分成上下排列的多個窗口。rows中可以取多個值,每個值表示一個框架窗口的水平寬度,它的單位可以是像素,也可以是占瀏覽器的百分比。但是要注意的是,一般設(shè)定了幾個rows的值,就需要有幾個框架,也就是需要有相應(yīng)數(shù)量的參數(shù)。
水平分割窗口的效果
cols屬性:垂直分割窗口。垂直分割窗口就是將頁面沿垂直方向分割成多個窗口,也就是將頁面分成左右排列的多個窗口。cols中可以取多個值,每個值表示一個框架窗口的水平寬度,它的單位可以是像素,也可以是占瀏覽器的百分比。與水平分割窗口向同,一般設(shè)定了幾個cols的值,就需要有幾個框架,也就是有幾個參數(shù)。
垂直分割窗口的效果
frameborder屬性:設(shè)置邊框。在默認(rèn)情況下,框架窗口的四周有一條邊框線,通過frameborder參數(shù)可以調(diào)整邊框線的顯示情況。語法為:
設(shè)置框架窗口的邊框顯示效果
framespacing屬性:框架的邊框?qū)挾取?蚣艿倪吙驅(qū)挾仍谀J(rèn)情況下是1像素,通過參數(shù)framespacing可以調(diào)整其大小。
語法:
bordercolor屬性:框架的邊框顏色。使用參數(shù)bordercolor可以設(shè)置框架集的邊框顏色。
說明:該參數(shù)同樣只對整個框架集有效,對于單個框架無效。
設(shè)置框架的邊框顏色
2.框架()和src屬性。
框架結(jié)構(gòu)中的各個頁面都是一個單獨的文字,而這些文件是通過src參數(shù)進行設(shè)置的。
說明:頁面文件是框架頁面的具體內(nèi)容的所在,對于沒有設(shè)置源文件的框架,只是空白頁面,是沒有任何作用的。頁面的源文件可以是正常的HTML文件,也可以是一個圖片或者其他的文件。
設(shè)置頁面源文件
3.標(biāo)簽
標(biāo)簽用于瀏覽器不支持框架時顯示頁面內(nèi)容。
您的瀏覽器無法處理框架!
二、浮動框架()
浮動框架是一種較為特殊的框架,它是在瀏覽器窗口中嵌套子窗口,也就是整個頁面并不是框架頁面,但是卻包含一個框架窗口。在框架窗口內(nèi)顯示相應(yīng)的頁面內(nèi)容。浮動框架又叫內(nèi)聯(lián)框架(inline frame),并且因此而得名。
說明:與普通框架結(jié)構(gòu)類似,浮動框架也可以設(shè)置很多參數(shù),如 name、scrolling、frameborder等。 但是與普通框架相比,浮動框架中不包含framespacing和bordercolor參數(shù)。
src屬性:浮動框架中最基本的參數(shù)就是src,它用來設(shè)置浮動框架頁面的源文件地址,也是浮動框架頁面必需的參數(shù)。因為只有設(shè)置了源文件的內(nèi)容,浮動框架才有意義。語法:
width和height屬性:在普通框架結(jié)構(gòu)中,由于框架就是整個瀏覽器窗口,因此不需要設(shè)置其大小。但是在浮動框架中,是插入到普通HTML頁面中的,可以調(diào)整整個框架的大小。語法:,頁面的寬度和高度值都以像素為單位。
一些老的瀏覽器不支持 iframe。 如果得不到支持,iframe 是不可見的。
一些老的瀏覽器不支持 iframe。
如果得不到支持,iframe 是不可見的。
三、一個框架布局的示例
框架主頁面 該頁面不支持frameset標(biāo)簽!
四、鏈接如何跳出框架
在網(wǎng)站后臺布局中,框架用得比較多。在很多時候,我們需要跳出框架,重新加載頁面。那么鏈接如何才能跳出框架呢?其實,只需要指定標(biāo)簽的target屬性為"_top"即可實現(xiàn)。下面是一個簡單的例子。
被鎖在框架中了嗎? 請點擊這里!
被鎖在框架中了嗎?
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。