首先我們先看看HTML iframe標(biāo)簽的意思:
iframe標(biāo)簽會(huì)創(chuàng)建包含另外一個(gè)文檔的內(nèi)聯(lián)框架(即行內(nèi)框架)。
再來(lái)看看iframe標(biāo)簽的屬性介紹:
這有實(shí)例看看:
iframe src= /uploads/allimg/190522/133I52N9-1.jpg width= 200 height= 500 這里使用了框架技術(shù),但是您的瀏覽器不支持框架,請(qǐng)升級(jí)您的瀏覽器以便正常訪問。 /iframe
使用像素定義iframe框架大小
iframe src= /uploads/allimg/190522/133I52N9-1.jpg width= 20% height= 50% 這里使用了框架技術(shù),但是您的瀏覽器不支持框架,請(qǐng)升級(jí)您的瀏覽器以便正常訪問。 /iframe
使用百分比定義iframe框架大小
html iframe 的優(yōu)缺點(diǎn)
優(yōu)點(diǎn):重載頁(yè)面時(shí)不需要重載整個(gè)頁(yè)面,只需要重載頁(yè)面中的一個(gè)框架頁(yè)(減少數(shù)據(jù)的傳輸,減少網(wǎng)頁(yè)的加載時(shí)間);
技術(shù)簡(jiǎn)單,使用方便,主要應(yīng)用于不需要搜索引擎來(lái)搜索的頁(yè)面;
方便開發(fā),減少代碼的重復(fù)率(比如頁(yè)面的header,footer);
缺點(diǎn):會(huì)產(chǎn)生很多的頁(yè)面,不易于管理;
不易打印;
多框架的頁(yè)面會(huì)增加服務(wù)氣得http請(qǐng)求;
瀏覽器的后退按鈕無(wú)效等;
html iframe標(biāo)記的使用:
iframe標(biāo)記,又叫浮動(dòng)幀標(biāo)記,你可以用它將一個(gè)HTML文檔嵌入在一個(gè)HTML中顯示。
它不同于frame標(biāo)記最大的特征即這個(gè)標(biāo)記所引用的HTML文件不是與另外的HTML文件
相互獨(dú)立顯示,而是可以直接嵌入在一個(gè)HTML文件中,與這個(gè)HTML文件內(nèi)容相互融合,
成為一個(gè)整體,另外,還可以多次在一個(gè)頁(yè)面內(nèi)顯示同一內(nèi)容,而不必重復(fù)寫內(nèi)容,
一個(gè)形象的比喻即“畫中畫“電視。
iframe標(biāo)記的使用格式是:
iframe src= URL width= x height= x scrolling= [OPTION] frameborder= x /iframe
src:文件的路徑,既可是HTML文件,也可以是文本、ASP等;
width、height: 畫中畫 區(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)容相融合,常設(shè)置為0。
比如:
Iframe src= /uploads/allimg/190522/133I52N9-1.jpg/ width= 250 height= 200 scrolling= no frameborder= 0 /iframe
【小編推薦】
HTML中的base標(biāo)簽如何寫相對(duì)路徑?(內(nèi)附使用介紹)
html base標(biāo)簽怎么用?base標(biāo)簽的使用方法(附實(shí)例)
以上就是HTML iframe標(biāo)簽怎么使用?HTML iframe標(biāo)簽的使用實(shí)例介紹的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選