<iframe>

HTML <iframe> 標籤

#實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<iframe src="http://www.php.cn">
  <p>您的浏览器不支持  iframe 标签。</p>
</iframe>

</body>
</html>

執行實例»

點擊"運行實例" 按鈕查看線上實例

瀏覽器支援

所有主流瀏覽器都支援 <iframe> 標籤。

標籤定義並使用說明

一個內嵌框架被用來在目前 HTML 文件中嵌入另一個文件。

提示與註解

提示：您可以把需要的文字放置在<iframe> 和</iframe> 之間，這樣就可以應對不支援<iframe> 的瀏覽器。

提示：使用 CSS 為 <iframe>（包括捲軸）定義樣式。

HTML 4.01 與 HTML5之間的差異

HTML5 新增了一些新的屬性，同時去掉了 HTML 4.01 中的一些屬性。

HTML 與 XHTML 之間的差異

在 XHTML 中，name 屬性已被廢棄，並將被移除。請使用 id 屬性來代替。

屬性

New ：HTML5 中的新屬性。

屬性	值	描述
#align	left right # top middle bottom	HTML5 不支援。 HTML 4.01 已廢棄。規定如何依照周圍的元素來對齊 <iframe>。
frameborder	1 0	HTML5 不支援。規定是否顯示 <iframe> 周圍的邊框。
height	pixels	#規定 <iframe> 的高度。
longdesc	URL	#HTML5 不支援。規定一個頁面，該頁麵包含了有關 <iframe> 的較長描述。
marginheight	pixels	HTML5 不支援。規定 <iframe> 的頂部和底部的邊距。
marginwidth	pixels	HTML5 不支援。規定 <iframe> 的左側和右側的邊距。
name	name	#規定 <iframe> 的名稱。
sandboxNew	"" allow-forms allow-same-origin allow-scripts allow-top-navigation	對 <iframe> 的內容定義一系列額外的限制。
scrolling	yes no auto	HTML5 不支援。規定是否在 <iframe> 中顯示捲軸。
seamlessNew	seamless	規定 <iframe> 看起來像是父親文件中的一部分。
src	URL	#規定在 <iframe> 中顯示的文件的 URL。
srcdocNew	#HTML_code	規定頁面中的HTML 內容顯示在<iframe> ; 中。
width	pixels	#規定 <iframe> 的寬度。

全域屬性

事件屬性

HTML 教學：HTML 框架

#HTML DOM 參考手冊：IFrame 物件