iframe是作為在網頁中嵌套網頁的標簽

<iframe src="homeIndex_init.html" width="100%" 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>

總結

以上是生活随笔為你收集整理的Html-Css-iframe的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。