怎么使用HTML iframe標(biāo)簽

怎么使用HTML iframe標(biāo)簽？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

首先我們先看看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="http://www.php.cn" width="200" height="500"> 
這里使用了框架技術(shù)，但是您的瀏覽器不支持框架，請(qǐng)升級(jí)您的瀏覽器以便正常訪(fǎng)問(wèn)。 
</iframe>

使用像素定義iframe框架大小

<iframe src="http://www.php.cn" width="20%" height="50%"> 
這里使用了框架技術(shù)，但是您的瀏覽器不支持框架，請(qǐng)升級(jí)您的瀏覽器以便正常訪(fǎng)問(wèn)。 
</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è)面；

方便開(kāi)發(fā)，減少代碼的重復(fù)率（比如頁(yè)面的header，footer）；

缺點(diǎn)：會(huì)產(chǎn)生很多的頁(yè)面，不易于管理；

不易打?。?/p>

多框架的頁(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ù)寫(xiě)內(nèi)容，

一個(gè)形象的比喻即“畫(huà)中畫(huà)“電視。

iframe標(biāo)記的使用格式是:

<iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>

src：文件的路徑，既可是HTML文件，也可以是文本、ASP等；

width、height："畫(huà)中畫(huà)"區(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ū)域邊框的寬度，為了讓“畫(huà)中畫(huà)“與鄰近的內(nèi)容相融合，常設(shè)置為0。

比如:

<Iframe src="http://www.php.cn/" width="250" height="200" scrolling="no" frameborder="0"></iframe>

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝您對(duì)億速云的支持。