HTML5官方文檔學習筆記(五)----iframe標籤的改進

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 屬性來標識框架的主要內容,這樣可以極大方便使用輔助技術(例如屏幕閱讀器)瀏覽網頁的人。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章