iframe去邊框、無邊框使用大全(實踐經驗整理)
來源:易賢網 閱讀:1536 次 日期:2016-06-16 15:21:33
溫馨提示:易賢網小編為您整理了“iframe去邊框、無邊框使用大全(實踐經驗整理)”,方便廣大網友查閱!

iframe去邊框、無邊框在實際應用中時比較常見的,本文整理了一些幾條iframe的使用技巧,喜歡的朋友可以參考下

<iframe src=”you page’s url” width=”100″ height=”30″ 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解釋成“瀏覽器中的瀏覽器“是很恰當?shù)摹?lt;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:"內部框架"區(qū)域的寬與高;

scrolling:當SRC的指定的HTML文件在指定的區(qū)域不顯不完時,滾動選項,如果設置為NO,則不出現(xiàn)滾動條;如為 Auto:則自動出現(xiàn)滾動條;如為Yes,則顯示;

FrameBorder:區(qū)域邊框的寬度,為了讓“內部框架“與鄰近的內容相融合,常設置為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嚴格規(guī)范中,<iframe>元素沒有被定義。浮動框架可以使用<div>元素和CSS定位方法來模仿實現(xiàn)。

浮動幀標記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=#

說明:該屬性指定浮動幀的高度和寬度。取值為正整數(shù)(單位為像素)或百分數(shù)。

height:指定浮動幀的高度;

width:指定浮動幀的寬度。

示例:<iframe src="iframe.html" height=400 width=400>

5、尺寸調整:

語法:noresize

說明:IE專有屬性,指定浮動幀不可調整尺寸。

示例:<iframe src="iframe.html" noresize>

6、邊框顯示:

語法:frameborder=0、1

說明:該屬性規(guī)定是否顯示浮動幀邊框。

0:不顯示浮動幀邊框;

1:顯示浮動幀邊框。

示例:<iframe src="iframe.html" frameborder=0>

<iframe src="iframe.html" frameborder=1>

7、邊框厚度:

語法:border=#

說明:該屬性指定浮動幀邊框的厚度,取值為正整數(shù)和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=#

說明:該屬性指定相鄰浮動幀之間的間距。取值為正整數(shù)和0,單位為像素。

示例:<iframe src="iframe.html" framespacing=10>

11、內補白屬性:

語法:hspace=# vspace=#

說明:該屬性指定浮動幀內的邊界大小。取值為正整數(shù)和0,單位為像素。兩個屬性應同時應用。

hspace:浮動幀內的左右邊界大??;

vspace:浮動幀內的上下邊界大小。

示例:<iframe src="iframe.html" hspace=1 vspace=1>

12、外補白屬性:

語法:marginheight=# marginwidth=#

說明:該屬性指定浮動幀的邊界大小。取值為正整數(shù)和0,單位為像素。兩個屬性應同時應用。

marginheight:浮動幀的左右邊界大??;

marginwidth:浮動幀的上下邊界大小。

示例:<iframe src="iframe.html" marginheight=1 marginwidth=1>

更多信息請查看網頁制作

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權所有:易賢網