普通框架
概念
框架技術(shù):將一個(gè)瀏覽器窗口劃分成若干個(gè)小窗口,每個(gè)小窗口顯示一個(gè)獨(dú)立的網(wǎng)頁。框架集和框架頁
框架集<frameset>:主要用來劃分窗口的。
框架頁<frame>:主要用來指定窗口默認(rèn)顯示的網(wǎng)頁地址。
框架與窗戶很像。
一個(gè)窗戶由窗格(框架集)和玻璃(框架頁)構(gòu)成。
先規(guī)劃窗格,然后再確定每個(gè)窗格中放的玻璃。(先有結(jié)構(gòu),后有內(nèi)容
)
框架網(wǎng)頁的DTD必須是:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Snip20160410_2.png
- <frameset>屬性
cols:劃分左右型框架。
cols = “200,*” //左框架的寬度為200px,剩下的都是右框架的
cols = “180,*,180” //左框架和右框架的寬分別為180px,剩下都是中間框架
cols = “20%,*” //劃分框架時(shí),可以用百分比來表示
rows:劃分上下型框架
rows = “200,*” //上框架的高度為200px,剩下都是下框架的
rows = “180,*,180” //上框架和下框架高分別為180px,剩下都是中間框架
注意:cols屬性和rows屬性,每個(gè)框架只能用其中一個(gè),不能兩個(gè)同時(shí)用。
frameborder:是否顯示框架的邊框線,取值:1或0,yes或no。
border:邊框線的粗細(xì)。
bordercolor:邊框顏色。
- <frame>框架頁的屬性
src:該小窗口中,默認(rèn)顯示的網(wǎng)頁地址。
noresize:不能調(diào)整小窗口的大小。如:noresize = “noresize”
scrolling:是否顯示滾動(dòng)條,取值:auto、yes、no
name:給當(dāng)前小窗口起個(gè)名字。這個(gè)name就是給<a>標(biāo)記target屬性來用的。
Paste_Image.png
<noframes>含義
描述:當(dāng)你的瀏覽器不支持框架時(shí),顯示的提示信息。一般情況下,IE6不支持框架,高版本都支持。
語法:<noframes>對(duì)不起,你的電腦太老了,該換新的了!</noframes>-
框架嵌套
Snip20160410_4.png 注意事項(xiàng)
<frameset>框架,可以稱為“普通框架”。
在“普通框架”中,框架的制作分兩個(gè)部分:(1)框架結(jié)構(gòu)的規(guī)劃 (2)制作具體的頁面
在“普通框架”的結(jié)構(gòu)劃分中,不能出現(xiàn)<body>標(biāo)記,因?yàn)闆]有實(shí)際的內(nèi)容。
內(nèi)嵌框架(行內(nèi)框架,浮動(dòng)框架)
- 描述:內(nèi)嵌框架,是在現(xiàn)有的網(wǎng)頁中顯示里面內(nèi)容,與普通框架的區(qū)別:<iframe>是<body>的子標(biāo)記,因此,它應(yīng)該放在<body>里面。
- 語法格式:<iframe 屬性 = “值”>對(duì)不起,你的瀏覽器版本太低!</iframe>
- 常用屬性
src:引入的文件地址。
width:框架的寬度
height:框架的高度
frameborder:是否顯示框架的邊框線,取值:yes或no。
scrolling:是否顯示滾動(dòng)條,取值:auto、yes、no
name:指定當(dāng)前小窗口的名稱,該名稱也是給<a>標(biāo)記的target屬性來用。
align:框架在網(wǎng)頁中的對(duì)齊方式,取值:left、center、right
- 其中取值left或right可以實(shí)現(xiàn)圖文混排的效果,與
<img>
的對(duì)齊方式一樣。 - 注意src引入的文件只能是html文件或php文件,不能是其它文件。
Snip20160410_6.png