<iframe src=test.jsp width=100″ height=50″ frameborder=no border=0″ marginwidth=0″ marginheight=0″ scrolling=no allowtransparency=yes></iframe>
<iframe runat=server src=you page's url width=750 height=30 frameborder=no border=0 marginwidth=0 marginheight=0 scrolling=no allowtransparency=yes></iframe>
runat=server 這個最好加上Iframe跳轉asp.net 可在當前iframe中跳轉
src 鏈接到的地址URl
frameborder 是否顯示邊框(0無邊框1有邊框)
scrolling 是否有滾動條(yes有滾動條no無滾動條)
allowtransparency 背景是否透明(yes透明no不透明)
iframe並不是很常用的,在標準的網頁中非常少用。把iframe解釋成瀏覽器中的瀏覽器是很恰當的。 <iframe>也應該是框架的一種形式,它與<frame>不同的是,iframe可以嵌在網頁中的任意部分。例如:
<iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src=move-ad.htm></iframe>
SRC=URI 嵌入式櫃架的頁面文件路徑
NAME=CDATA 嵌入式櫃架的名字
LONGDESC=URI 描述
WIDTH=Length 寬度
HEIGHT=Length 高度
ALIGN=[ top | middle | bottom | left | right ] 對齊方式
FRAMEBORDER=[ 1 | 0 ] 櫃架邊框
MARGINWIDTH=Pixels 左右空出寬度
MARGINHEIGHT=Pixels 上下空出的高度
SCROLLING=[ yes | no | auto ] 流動條(yes強制顯示|no永不顯示|auto自動)
Iframe標記的使用格式是:
<Iframe src=URL width=x height=x scrolling=[OPTION] frameborder=x name=main></iframe>
src:文件的路徑,既可是HTML文件,也可以是文本、ASP等;
width、height:內部框架區域的寬與高;
scrolling:當SRC的指定的HTML文件在指定的區域不顯不完時,滾動選項,如果設置為NO,則不出現滾動條;如為Auto:則自動出現滾動條;如為Yes,則顯示;
FrameBorder:區域邊框的寬度,為了讓內部框架與鄰近的內容相融合,常設置為0。
name:框架的名字,用來進行識別。
<iframe>用於設置文本或圖形的浮動圖文框或容器。
border
<iframe border=3></iframe>
設定圍繞圖文框的邊緣寬度
frameboder
<iframe frameboder=0></iframe>
設置邊框是不否為3維(0=否,1=是)
height,width
<iframe height=31 width=88></iframe>
設質邊框的寬度和高度
scrolling
<iframe scrolling=no></iframe>
是否有滾動條(yes,no,auto)
src
<iframe src=girl.gif></iframe>
指定iframe調用的文件或圖片(html,htm,gif,jpeg,jpg,png,txt,*.*)
注意事項:
一個浮動框架不需要通過<frameset>元素聲明為框架設置的一部分;
WebTV和Netscape 4.x(4.0 到4.75)不支持浮動框架。
在HTML4.01嚴格規範中,<iframe>元素沒有被定義。浮動框架可以使用<div>元素和CSS定位方法來模仿實現。
浮動幀標記Iframe的屬性:1、文件位置:
語法:src=url
說明:url為嵌入的HTML文件的位置,可以是相對地址,也可以是絕對地址。
示例:<iframe src=iframe.html>
2、對象名稱:
語法:name=#
說明:#為對象的名稱。該屬性給對象取名,以便其他對象利用。
示例:<iframe src=iframe.html name=iframe1>
3、ID選擇符:
語法:id=#
說明:指定該標記的唯一ID選擇符。
示例:<iframe src=iframe.html id=iframe1>
4、容器屬性:
語法:height=# width=#
說明:該屬性指定浮動幀的高度和寬度。取值為正整數(單位為像素)或百分數。
height:指定浮動幀的高度;
width:指定浮動幀的寬度。
示例:<iframe src=iframe.html height=400 width=400>
5、尺寸調整:
語法:noresize
說明:IE專有屬性,指定浮動幀不可調整尺寸。
示例:<iframe src=iframe.html noresize>
6、邊框顯示:
語法:frameborder=0、1
說明:該屬性規定是否顯示浮動幀邊框。
0:不顯示浮動幀邊框;
1:顯示浮動幀邊框。
示例:<iframe src=iframe.html frameborder=0>
<iframe src=iframe.html frameborder=1>
7、邊框厚度:
語法:border=#
說明:該屬性指定浮動幀邊框的厚度,取值為正整數和0,單位為像素。為了將浮動幀與頁面無縫結合,border一般等於0。
示例:<iframe src=iframe.html border=1>
8、邊框顏色:
語法:bordercolor=color
說明:該屬性指定浮動幀邊框的顏色。 color可以是RGB色(RRGGBB),也可以是顏色名。
示例:<iframe src=iframe.html bordercolor=red>
9、對齊方式:
語法:align=left、right、center
說明:該屬性指定浮動幀與其他對象的對齊方式。
left:居左;
right:居右;
center:居中。
示例:<iframe src=iframe.html align=left>
<iframe src=iframe.html align=right>
<iframe src=iframe.html align=center>
10、相鄰間距:
語法:framespacing=#
說明:該屬性指定相鄰浮動幀之間的間距。取值為正整數和0,單位為像素。
示例:<iframe src=iframe.html framespacing=10>
11、內補白屬性:
語法:hspace=# vspace=#
說明:該屬性指定浮動幀內的邊界大小。取值為正整數和0,單位為像素。兩個屬性應同時應用。
hspace:浮動幀內的左右邊界大小;
vspace:浮動幀內的上下邊界大小。
示例:<iframe src=iframe.html hspace=1 vspace=1>
12、外補白屬性:
語法:marginheight=# marginwidth=#
說明:該屬性指定浮動幀的邊界大小。取值為正整數和0,單位為像素。兩個屬性應同時應用。
marginheight:浮動幀的左右邊界大小;
marginwidth:浮動幀的上下邊界大小。
示例:<iframe src=iframe.html marginheight=1 marginwidth=1>