HTML內聯框架元素 (<iframe>
) 表示嵌套的browsing context。它能夠將另一個HTML頁面嵌入到當前頁面中。
頁面上每個<iframe>
都會需要包括內存在內的額外計算資源,這是因爲每個瀏覽上下文都擁有完整的文檔環境。雖然理論上來說你能夠在代碼中寫出來無限多的<iframe>
,但是你最好還是先看看這麼做會不會導致某些性能問題。
屬性
allow
用於爲<iframe>
指定其特徵策略.
allowfullscreen
設置爲true時,可以通過調用 <iframe>
的 requestFullscreen() 方法激活全屏模式。
這是一個歷史遺留屬性,已經被重新定義爲 allow=“fullscreen”。
allowpaymentrequest
設置爲true時,跨域的 就可以調用 Payment Request API。
這是一個歷史遺留屬性,已經被重新定義爲 allow=“payment”.
csp
對嵌入的資源配置內容安全策略。
height
指定frame的高度。默認值爲150。
importance
表示 的 src 屬性指定的資源的加載優先級。允許的值有:
auto (default)
不指定優先級。瀏覽器根據自身情況決定資源的加載順序
high
資源的加載優先級較高
low
資源的加載優先級較低
name
用於定位嵌入的瀏覽上下文的名稱。
src
被嵌套的頁面的 URL 地址。
srcdoc
該屬性是一段HTML代碼,這些代碼會被渲染到 iframe 中。如果瀏覽器不支持 srcdoc 屬性,則會渲染 src 屬性表示的內容。
width
以CSS像素格式,或以像素格式HTML,或以百分比格式指定的 frame 的寬度。默認值是300。
無障礙環境
使用 iframe 的 title 屬性來標識框架的主要內容,這樣可以極大方便使用輔助技術(例如屏幕閱讀器)瀏覽網頁的人。