iframe標籤用法詳解

iframe一般用來包含別的頁面，例如我們可以在我們自己的網站頁面加載別人網站的內容，為了更好的效果，可能需要使iframe透明效果，那麼就需要了解更多的iframe屬性，這裡簡單的整理下，方便需要的朋友

1、iframe 定義和用法

iframe 元素會建立包含另外一個文件的內聯框架（即行內框架）。

HTML 與 XHTML 之間的差異

在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支援 iframe 元素。

提示與註解：

提示：您可以把需要的文字放置在 之間，這樣就可以應付無法理解iframe 的瀏覽器。

iframe標籤是成對出現的,以結束

iframe標籤內的內容可以做為瀏覽器不支援iframe標籤時顯示

屬性

##DTD#alignTFframeborderheightlongdesc#URLmarginpixelsmarginwidth#pixelsnameframe_namescrollingTFsrcTFwidth

屬性	#值	描述
	left right top middle bottom	不贊成使用。 請使用樣式代替。 規定如何根據周圍的元素來對齊此框架。
	#1 # #0 規定是否顯示框架周圍的邊框。	TF
	#pixels % 規定iframe 的高度。	TF
	規定一個頁面，該頁麵包含了有關iframe 的較長描述。	TF
height	定義iframe 的頂部和底部的邊距。	TF
	定義iframe 的左邊和右邊的邊距。	TF
	規定 iframe 的名稱。	TF
	#yes ##no auto 規定是否在iframe 中顯示捲軸。
URL	規定在 iframe 中顯示的文件的 URL。
	#pixels	%

定義iframe 的寬度。 ######TF############

範例

程式碼如下：

 

使用像素定義iframe框架大小 

程式碼如下:

## 

使用百分比定義iframe框架大小

2、iframe 透明在transparentBody.htm檔案的標籤中，我已經加入了style="
background-color=transparent" 透過以下四種IFRAME的寫法我想大概你對iframe背景透明效果的實現方法應該會有個清晰的了解：

程式碼如下:

 

iframe是迫不得已使用的，因為使用iframe會帶來較多的問題，而有的瀏覽器可以設定將iframe當作廣告封鎖。

在最近的一個工作內容中使用了iframe，開始遇到的問題是iframe高度自適應的問題，這問題在口碑網ued團隊博客中找到了解決辦法，後來更遇到一個iframe透明的問題
通常iframe底色會是白色，在不同瀏覽器下可能會有不同的顏色
如果主頁有一個整體的背景色或背景
圖片的時候iframe區域便會出現一個白色區塊，與主體頁面不協調，這就需要iframe透明
透過google搜尋iframe透明找到了解決辦法 

程式碼如下:

'); 

5、有時候我們需要考慮使用者的瀏覽器是否支援iframe標籤，那麼就需要如下的寫法

程式碼如下:

以上是iframe標籤用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！