HTML <iframe> etiketi

Tanım ve Kullanım

<iframe> Etiketi, iç kapsayıcıyı (dahili kapsayıcıyı) tanımlar.

İç kapsayıcı, mevcut HTML belgesine başka bir belge yerleştirmek için kullanılır.

İpucu:CSS kullanarak <iframe> tarzını (aşağıdaki örnekleri gözatın).

İpucu:Her zaman <iframe> title özelliği içermelidir. Ekran okuyucuları, bu özelliği kullanarak <iframe> İçerik açıklaması.

Ayrıca bakınız:

HTML Eğitimi:HTML Iframe

HTML DOM Referans Kılavuzu:IFrame nesnesi

Örnek

Örnek 1

İç kapsayıcı etiketi şu şekilde verilir:

<iframe src="https://www.codew3c.com" title="CodeW3C.com Çevrimiçi Eğitim"></iframe>

Kişisel olarak deneyin

Örnek 2

Iframe çerçevesini ekleyin ve kaldırın (CSS kullanarak):

<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>

Kişisel olarak deneyin

Özellik

Özellik Değer Açıklama
allow <iframe> işlev stratejisini belirtir.
allowfullscreen
  • true
  • false
 Eğer <iframe> requestFullscreen() yöntemi ile tam ekran modunu etkinleştirebiliyorsa true olarak ayarlanır.
allowpaymentrequest
  • true
  • false
 Eğer çapraz kaynak <iframe> Payment Request API çağrılarını izin veriliyorsa true olarak ayarlanır.
height Piksel <iframe> yüksekliğini belirtir. Varsayılan yükseklik 150 piksel'dir.
loading
  • eager
  • lazy
 Tarayıcının iframe'i hemen yüklemesi mi yoksa belirli şartlar karşılanana kadar ertelemesi mi gerektiğini belirtir.
name Metin <iframe> adını belirtir.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 iframe alındığında gönderilmesi gereken referans bilgilerini belirtir.
sandbox
  • allow-forms
  • allow-pointer-lock
  • allow-popups
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
 <iframe> içindeki içeriğe ek ek sınırlamalar etkinleştirir.
src URL <iframe> içine yerleştirilecek belgenin adresini belirtir.
srcdoc HTML Kodu <iframe> içinde gösterilecek sayfanın HTML içeriğini belirtir.
width Piksel <iframe> genişliğini belirler. Varsayılan genişlik 300 piksel'dir.

Global Özellikler

<iframe> Bu etiketler ayrıca HTML'deki genel özellikler.

olay özelliklerini destekler

<iframe> Bu etiketler ayrıca HTML'deki olay özellikleri.

Varsayılan CSS Ayarları

Çoğu tarayıcı aşağıdaki varsayılan değerleri kullanarak görüntüleyecek <iframe> Element:

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

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek