閱讀(86.8k) 書(shū)簽贊(1) 我要糾錯(cuò)

HTML5 <iframe> 標(biāo)簽

2022-05-23 14:56 更新

實(shí)例

使用HTML5 <iframe>標(biāo)簽來(lái)標(biāo)記一個(gè)內(nèi)聯(lián)框架：

<iframe src="http://m.hgci.cn"></iframe>

Internet Explorer Firefox Opera Google Chrome Safari

所有主流瀏覽器都支持 <iframe> 標(biāo)簽。

一個(gè)內(nèi)聯(lián)框架被用來(lái)在當(dāng)前 HTML 文檔中嵌入另一個(gè)文檔。

提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之間，這樣就可以應(yīng)對(duì)不支持 <iframe> 的瀏覽器。

提示：使用 CSS 為 <iframe> （包括滾動(dòng)條）定義樣式。

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

在 XHTML 中，name 屬性已被廢棄，并將被去掉。請(qǐng)使用 id 屬性代替。

New ：HTML5 中的新屬性。

屬性	值	描述
align (已廢棄)	left right top middle bottom	HTML5 不支持。HTML 4.01 已廢棄。規(guī)定如何根據(jù)周?chē)脑貋?lái)對(duì)齊 <iframe>。
frameborder	1 0	HTML5 不支持。規(guī)定是否顯示 <iframe> 周?chē)倪吙颉?/td>
height	pixels	規(guī)定 <iframe> 的高度。
longdesc	URL	HTML5 不支持。規(guī)定一個(gè)頁(yè)面，該頁(yè)面包含了有關(guān) <iframe> 的較長(zhǎng)描述。
marginheight	pixels	HTML5 不支持。規(guī)定 <iframe> 的頂部和底部的邊距。
marginwidth	pixels	HTML5 不支持。規(guī)定 <iframe> 的左側(cè)和右側(cè)的邊距。
name	name	規(guī)定 <iframe> 的名稱(chēng)。
sandboxNew	"" allow-forms allow-same-origin allow-scripts allow-top-navigation	對(duì) <iframe> 的內(nèi)容定義一系列額外的限制。
scrolling	yes no auto	HTML5 不支持。規(guī)定是否在 <iframe> 中顯示滾動(dòng)條。
seamlessNew	seamless	規(guī)定 <iframe> 看起來(lái)像是父文檔中的一部分。
src	URL	規(guī)定在 <iframe> 中顯示的文檔的 URL。
srcdocNew	HTML_code	規(guī)定頁(yè)面中的 HTML 內(nèi)容顯示在 <iframe> 中。
width	pixels	規(guī)定 <iframe> 的寬度。