Iframe標記的使用格式以及Iframe框架的屬性詳解

2023-05-17 分類：網站建設

例： <iframe src="http://m.kartarina.com/" width="100%" height="300" frameborder="no"> </iframe>

runat="server" 在當前iframe中跳轉
src 鏈接到的地址URl
frameborder 是否顯示邊框（0無邊框 1有邊框）
scrolling 是否有滾動條（yes有滾動條 no無滾動條）
allowtransparency 背景是否透明（yes透明 no不透明）

iframe并不是很常用的，在標準的網頁中非常少用。把iframe解釋成“瀏覽器中的瀏覽器“是很恰當的。 <iframe> 也應該是框架的一種形式，它與不同的是，iframe可以嵌在網頁中的任意部分。例如： <iframe frameborder="0" width="170" height="100" src="move-ad.htm"> </iframe>

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

注意事項：
一個浮動框架不需要通過元素聲明為框架設置的一部分;
WebTV和Netscape 4.x(4.0 到 4.75)不支持浮動框架。
在HTML4.01嚴格規范中， <iframe> 元素沒有被定義。浮動框架可以使用

元素和CSS定位方法來模仿實現。
--------------------------------------------------------------------------------

浮動幀標記Iframe的屬性：
1、文件位置：
語法：src=url
說明：url為嵌入的HTML文件的位置，可以是相對地址，也可以是絕對地址。
示例： <iframe src="iframe.html">

2、ID選擇符：
語法：id=#
說明：指定該標記的唯一ID選擇符。
示例： <iframe src="iframe.html" id="iframe1">

3、對象名稱：
語法：name=#
說明：#為對象的名稱。該屬性給對象取名，以便其他對象利用。
示例： <iframe src="iframe.html">

4、容器屬性：
語法：height=# width=#
說明：該屬性指定浮動幀的高度和寬度。取值為正整數（單位為像素）或百分數。
height：指定浮動幀的高度；
width：指定浮動幀的寬度。
示例： <iframe src="iframe.html" height="400" width="400">

5、尺寸調整：
語法：noresize
說明：IE專有屬性，指定浮動幀不可調整尺寸。
示例： <iframe src="iframe.html">

6、邊框顯示：
語法：frameborder=0、1
說明：該屬性規定是否顯示浮動幀邊框。
0：不顯示浮動幀邊框；
1：顯示浮動幀邊框。
示例： <iframe src="iframe.html" frameborder="0">
<iframe src="iframe.html" frameborder="1">

7、邊框顏色：
語法：bordercolor=color
說明：該屬性指定浮動幀邊框的顏色。color可以是RGB色（RRGGBB），也可以是顏色名。
示例： <iframe src="iframe.html">

8、邊框厚度：
語法：border=#
說明：該屬性指定浮動幀邊框的厚度，取值為正整數和0，單位為像素。為了將浮動幀與頁面無縫結合，border一般等于0
示例： <iframe src="iframe.html">

9、對齊方式：
語法：align=left、right、center
說明：該屬性指定浮動幀與其他對象的對齊方式。
left：居左；
right：居右；
center：居中。
示例： <iframe src="iframe.html">
<iframe src="iframe.html">
<iframe src="iframe.html"align=center>

10、相鄰間距：
語法：framespacing=#
說明：該屬性指定相鄰浮動幀之間的間距。取值為正整數和0，單位為像素。
示例： <iframe src="iframe.html">

11、外補白屬性：
語法：marginheight=# marginwidth=#
說明：該屬性指定浮動幀的邊界大小。取值為正整數和0，單位為像素。兩個屬性應同時應用。
marginheight：浮動幀的左右邊界大小；
marginwidth：浮動幀的上下邊界大小。
示例： <iframe src="iframe.html">

12、內補白屬性：
語法：hspace=# vspace=#
說明：該屬性指定浮動幀內的邊界大小。取值為正整數和0，單位為像素。兩個屬性應同時應用。
hspace：浮動幀內的左右邊界大小；
vspace：浮動幀內的上下邊界大小。
示例： <iframe src="iframe.html">

</iframe>

本文題目：Iframe標記的使用格式以及Iframe框架的屬性詳解
路徑分享：http://m.kartarina.com/news36/259736.html

成都網站建設公司_創新互聯，為您提供用戶體驗、云服務器、網站制作、品牌網站制作、商城網站、網站排名

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容