合肥市高新區(qū)長(zhǎng)江西路與科學(xué)大道交口5F創(chuàng)業(yè)園A座309
136 5560 1775

Iframe標(biāo)記的使用格式以及Iframe框架的屬性詳解

發(fā)表日期:2012-12-14 瀏覽次數(shù):4534次

例:<iframe runat="server" src="http://rlfp.cn/" width="100%" height="300" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>

runat="server" 在當(dāng)前iframe中跳轉(zhuǎn)
src 鏈接到的地址URl
frameborder 是否顯示邊框(0無(wú)邊框 1有邊框)
scrolling 是否有滾動(dòng)條(yes有滾動(dòng)條 no無(wú)滾動(dòng)條)
allowtransparency 背景是否透明(yes透明 no不透明)

iframe并不是很常用的,在標(biāo)準(zhǔn)的網(wǎng)頁(yè)中非常少用。把iframe解釋成“瀏覽器中的瀏覽器“是很恰當(dāng)?shù)摹?lt;iframe>也應(yīng)該是框架的一種形式,它與<frame>不同的是,iframe可以嵌在網(wǎng)頁(yè)中的任意部分。例如:<iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe>

SRC=URI 嵌入式柜架的頁(yè)面文件路徑
NAME=CDATA 嵌入式柜架的名字
LONGDESC=URI 描述
WIDTH=Length 寬度
HEIGHT=Length 高度
ALIGN=[ top | middle | bottom | left | right ] 對(duì)齊方式
FRAMEBORDER=[ 1 | 0 ] 柜架邊框
MARGINWIDTH=Pixels 左右空出寬度
MARGINHEIGHT=Pixels 上下空出的高度
SCROLLING=[ yes | no | auto ] 流動(dòng)條(yes強(qiáng)制顯示|no永不顯示|auto自動(dòng))
Iframe標(biāo)記的使用格式是: <Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x" name="main"></iframe>

src:文件的路徑,既可是HTML文件,也可以是文本、ASP等;
width、height:"內(nèi)部框架"區(qū)域的寬與高;
scrolling:當(dāng)SRC的指定的HTML文件在指定的區(qū)域不顯不完時(shí),滾動(dòng)選項(xiàng),如果設(shè)置為NO,則不出現(xiàn)滾動(dòng)條;如為 Auto:則自動(dòng)出現(xiàn)滾動(dòng)條;如為Yes,則顯示;
FrameBorder:區(qū)域邊框的寬度,為了讓“內(nèi)部框架“與鄰近的內(nèi)容相融合,常設(shè)置為0。
name:框架的名字,用來(lái)進(jìn)行識(shí)別。
<iframe>用于設(shè)置文本或圖形的浮動(dòng)圖文框或容器。
border
<iframe border="3"></iframe>
設(shè)定圍繞圖文框的邊緣寬度
frameboder
<iframe frameboder="0"></iframe>
設(shè)置邊框是不否為3維(0=否,1=是)
scrolling
<iframe scrolling="no"></iframe>
是否有滾動(dòng)條(yes,no,auto)
height,width
<iframe height="31" width="88"></iframe>
設(shè)質(zhì)邊框的寬度和高度
src
<iframe src="girl.gif"></iframe>
指定iframe調(diào)用的文件或圖片(html,htm,gif,jpeg,jpg,png,txt,*.*)

注意事項(xiàng):
一個(gè)浮動(dòng)框架不需要通過(guò)<frameset>元素聲明為框架設(shè)置的一部分;
WebTV和Netscape 4.x(4.0 到 4.75)不支持浮動(dòng)框架。
在HTML4.01嚴(yán)格規(guī)范中,<iframe>元素沒(méi)有被定義。浮動(dòng)框架可以使用<div>元素和CSS定位方法來(lái)模仿實(shí)現(xiàn)。
--------------------------------------------------------------------------------

浮動(dòng)幀標(biāo)記Iframe的屬性:
1、文件位置:
語(yǔ)法:src=url 
說(shuō)明:url為嵌入的HTML文件的位置,可以是相對(duì)地址,也可以是絕對(duì)地址。
示例:<iframe src="iframe.html">

2、ID選擇符:
語(yǔ)法:id=#
說(shuō)明:指定該標(biāo)記的唯一ID選擇符。
示例:<iframe src="iframe.html" id="iframe1">

3、對(duì)象名稱(chēng):
語(yǔ)法:name=# 
說(shuō)明:#為對(duì)象的名稱(chēng)。該屬性給對(duì)象取名,以便其他對(duì)象利用。
示例:<iframe src="iframe.html" name="iframe1"> 

4、容器屬性:
語(yǔ)法:height=#   width=#
說(shuō)明:該屬性指定浮動(dòng)幀的高度和寬度。取值為正整數(shù)(單位為像素)或百分?jǐn)?shù)。
height:指定浮動(dòng)幀的高度;
width:指定浮動(dòng)幀的寬度。
示例:<iframe src="iframe.html" height=400 width=400>

5、尺寸調(diào)整:
語(yǔ)法:noresize
說(shuō)明:IE專(zhuān)有屬性,指定浮動(dòng)幀不可調(diào)整尺寸。
示例:<iframe  src="iframe.html"  noresize>

6、邊框顯示:
語(yǔ)法:frameborder=0、1
說(shuō)明:該屬性規(guī)定是否顯示浮動(dòng)幀邊框。
0:不顯示浮動(dòng)幀邊框;
1:顯示浮動(dòng)幀邊框。
示例:<iframe src="iframe.html" frameborder=0>
<iframe src="iframe.html" frameborder=1>

7、邊框顏色: 
語(yǔ)法:bordercolor=color
說(shuō)明:該屬性指定浮動(dòng)幀邊框的顏色。color可以是RGB色(RRGGBB),也可以是顏色名。
示例:<iframe src="iframe.html" bordercolor=red>

8、邊框厚度:
語(yǔ)法:border=#
說(shuō)明:該屬性指定浮動(dòng)幀邊框的厚度,取值為正整數(shù)和0,單位為像素。為了將浮動(dòng)幀與頁(yè)面無(wú)縫結(jié)合,border一般等于0
示例:<iframe src="iframe.html" border=1> 

9、對(duì)齊方式:
語(yǔ)法:align=left、right、center 
說(shuō)明:該屬性指定浮動(dòng)幀與其他對(duì)象的對(duì)齊方式。
left:居左;
right:居右;
center:居中。
示例:<iframe src="iframe.html" align=left>
<iframe src="iframe.html" align=right>
<iframe src="iframe.html"align=center>

10、相鄰間距:
語(yǔ)法:framespacing=#
說(shuō)明:該屬性指定相鄰浮動(dòng)幀之間的間距。取值為正整數(shù)和0,單位為像素。
示例:<iframe src="iframe.html" framespacing=10>

11、外補(bǔ)白屬性:
語(yǔ)法:marginheight=#   marginwidth=#
說(shuō)明:該屬性指定浮動(dòng)幀的邊界大小。取值為正整數(shù)和0,單位為像素。兩個(gè)屬性應(yīng)同時(shí)應(yīng)用。
marginheight:浮動(dòng)幀的左右邊界大小;
marginwidth:浮動(dòng)幀的上下邊界大小。
示例:<iframe src="iframe.html" marginheight=1 marginwidth=1>

12、內(nèi)補(bǔ)白屬性:
語(yǔ)法:hspace=#   vspace=#
說(shuō)明:該屬性指定浮動(dòng)幀內(nèi)的邊界大小。取值為正整數(shù)和0,單位為像素。兩個(gè)屬性應(yīng)同時(shí)應(yīng)用。
hspace:浮動(dòng)幀內(nèi)的左右邊界大?。?BR>vspace:浮動(dòng)幀內(nèi)的上下邊界大小。
示例:<iframe src="iframe.html" hspace=1 vspace=1>

將文章分享到:

版權(quán)所有:?jiǎn)⑦~科技-合肥網(wǎng)站建設(shè) 皖I(lǐng)CP備19009304號(hào)-1 皖公網(wǎng)安備 34010402702162號(hào)

網(wǎng)站建設(shè),網(wǎng)站設(shè)計(jì)公司啟邁科技,為眾多企業(yè)提供網(wǎng)站建設(shè),網(wǎng)站制作,響應(yīng)式網(wǎng)站設(shè)計(jì),手機(jī)網(wǎng)站建設(shè),微網(wǎng)站,模板建站,企業(yè)郵箱等一站式互聯(lián)網(wǎng)解決方案和建站服務(wù)10年。