HTML <iframe> κεφάλαιο

  • Προηγούμενη Σελίδα <i>
  • Επόμενη Σελίδα <img>

Ορισμός και χρήση

<iframe> Η ετικέτα defines inline frame (inline frame).

Η inline frame χρησιμοποιείται για την ενσωμάτωση ενός άλλου έγγραφου στον τρέχοντα έγγραφο HTML.

Σημείωση:Χρησιμοποιήστε το CSS για να ρυθμίσετε <iframe> τους τύπους του στυλ (βλέπε παρακάτω παραδείγματα).

Σημείωση:Είναι καλύτερο να χρησιμοποιείτε πάντα <iframe> Περιέχει την ιδιότητα title. Ο αναγνώστης οθόνης μπορεί να χρησιμοποιήσει αυτήν την ιδιότητα για να διαβάσει σχετικά με <iframe> Περιγραφή του περιεχομένου.

Για περισσότερες πληροφορίες δείτε:

Εκμάθηση HTML:HTML Iframe

Ταυτογνωσία HTML DOM:Όντιμα (IFrame) Οντότητα

Παράδειγμα

Παράδειγμα 1

Η ετικέτα inline frame δείχνεται ως εξής:

<iframe src="https://www.codew3c.com" title="CodeW3C.com Εκπαιδευτικός Οδηγός"></iframe>

亲自试一试

例子 2

添加并删除 iframe 的边框（使用 CSS）：

<iframe src="/index.asp" width="100%" height="300" style="border:1px solid black;">
</iframe>
<iframe src="/index.asp" width="100%" height="300" style="border:none;">
</iframe>

亲自试一试

属性

属性 值 描述
allow 规定 <iframe> 的功能策略。
allowfullscreen
  • true
  • false
 如果 <iframe> 可以通过调用 requestFullscreen() 方法激活全屏模式，则设置为 true。
allowpaymentrequest
  • true
  • false
 如果允许跨源 <iframe> 调用 Payment Request API，则设置为 true。
height 像素 规定 <iframe> 的高度。默认高度为 150 像素。
loading
  • eager
  • lazy
 规定浏览器是应立即加载 iframe 还是推迟加载 iframe，直到满足某些条件为止。
name 文本 规定 <iframe> 的名称。
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 规定在获取 iframe 时要发送的引用信息。
sandbox
  • allow-forms
  • allow-pointer-lock
  • allow-popups
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
 启用一系列对 <iframe> 中内容的额外限制。
src URL 规定要嵌入到 <iframe> 中的文档的地址。
srcdoc HTML 代码 规定要在 <iframe> 中显示的页面的 HTML 内容。
width 像素 规定 <iframe> 的宽度。默认宽度为 300 像素。

全局属性

<iframe> Η ετικέτα υποστηρίζει επίσης Γενικές ιδιότητες στο HTML.

ιδιότητες επεξεργασίας ενεργειών

<iframe> Η ετικέτα υποστηρίζει επίσης Ιδιότητες Επεξεργασίας Ενεργειών στο HTML.

Προεπιλεγμένες ρυθμίσεις CSS

Οι περισσότεροι browser θα χρησιμοποιήσουν τις παρακάτω προεπιλεγμένες τιμές για την εμφάνιση <iframe> Στοιχείο:

iframe:focus {
  outline: none;
}
iframe[seamless] {
  display: block;
}

Υποστήριξη Βrowser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
  • Προηγούμενη Σελίδα <i>
  • Επόμενη Σελίδα <img>