HTML İç Çerçeveleri
Bir web sayfasını bir web sayfası içinde görüntülemek için bir HTML iframe kullanılır.
HTML Iframe Sözdizimi
HTML <iframe>
etiketi bir satır içi çerçeveyi belirtir.
Geçerli HTML belgesine başka bir belge gömmek için bir satır içi çerçeve kullanılır.
Sözdizimi
<iframe src="url" title="description"></iframe>
İpucu: için her zaman bir
title
öznitelik eklemek iyi bir uygulamadır <iframe>
. Bu, ekran okuyucular tarafından iframe içeriğinin ne olduğunu okumak için kullanılır.
Iframe - Yüksekliği ve Genişliği ayarla
İç çerçevenin boyutunu belirtmek için height
ve özniteliklerini kullanın .width
Yükseklik ve genişlik varsayılan olarak piksel cinsinden belirtilir:
Örnek
<iframe src="demo_iframe.htm" height="200" width="300"
title="Iframe Example"></iframe>
Veya özniteliği ekleyebilir style
ve CSS height
ile width
özellikleri kullanabilirsiniz:
Örnek
<iframe src="demo_iframe.htm" style="height:200px;width:300px;"
title="Iframe Example"></iframe>
Iframe - Kenarlığı Kaldır
Varsayılan olarak, bir iframe'in çevresinde bir kenarlık bulunur.
Kenarlığı kaldırmak için style
özniteliği ekleyin ve CSS
border
özelliğini kullanın:
Örnek
<iframe src="demo_iframe.htm" style="border:none;"
title="Iframe Example"></iframe>
CSS ile iframe'in kenarlığının boyutunu, stilini ve rengini de değiştirebilirsiniz:
Örnek
<iframe src="demo_iframe.htm" style="border:2px solid red;"
title="Iframe Example"></iframe>
Iframe - Bağlantı Hedefi
Bir iframe, bir bağlantı için hedef çerçeve olarak kullanılabilir.
Bağlantının özniteliği , iframe özniteliğine target
atıfta bulunmalıdır :name
Örnek
<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe
Example"></iframe>
<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
Bölüm özeti
- HTML
<iframe>
etiketi bir satır içi çerçeve belirtir - Özellik
src
, yerleştirilecek sayfanın URL'sini tanımlar - Her zaman bir
title
öznitelik ekleyin (ekran okuyucular için) - and öznitelikleri
height
,width
iframe'in boyutunu belirtir. border:none;
iframe etrafındaki kenarlığı kaldırmak için kullanın
HTML Alıştırmaları
HTML iframe Etiketi
Tag | Description |
---|---|
<iframe> | Defines an inline frame |
Mevcut tüm HTML etiketlerinin tam listesi için HTML Etiket Referansımızı ziyaret edin .