Bir web sayfasını bir başka web sayfası içinde görüntülemek için bir iframe etiketi kullanılır.
HTML iframe Syntax (Sözdizimi)
<iframe> etiketi satır içi çerçeveyi belirtir.
<iframe src="gösterilecekLink" title="açıklama"></iframe>Not : <iframe> için her zaman bir başlık eklemek en doğrusudur. Kullanıcı ekran okuyucusu kullanıyorsa ilgili iframe’nin ne olduğunu öğrenmek isteyebilir.
Iframe – Yüksekliği ve Genişliği Ayarlama
iframe’nin boyutunu belirtmek için yükseklik ve genişlik değerleri belirtilir. Bu değerler piksel cinsinden değerlerdir.
<iframe src="ornek-sayfa.htm" height="200" width="300" title="Örnek Sayfa"></iframe>veya bu yükseklik ve genişlik değerini style niteliğiyle belirebilirsiniz;
<iframe src="ornek-sayfa.htm" style="height:200px;width:300px;" title="Örnek Sayfa"></iframe>HTML iframe Kenarlığı Kaldırma
Herhangi bir kod yazılmadan iframe oluşturulması durumunda kenarında bir çerçeve yer alacaktır. Kenarlığı kaldırmak için style özelliği ve CSS kullanılabilir.
<iframe src="ornek-sayfa.htm" style="border:none;" title="Örnek Sayfa"></iframe>Yine CSS ile çerçeve kenarlığının rengi ve kalınlığı da değiştirilebilir.
<iframe src="ornek-sayfa.htm" style="border:2px solid red;" title="Örnek Sayfa"></iframe>iframe İçine Link Verme
Bir bağlantının açılacağı alan site içinde bir iframe linki de olabilir. Bunu target ile yapmak mümkündür.
<!DOCTYPE html>
<html>
<body>
<iframe src="ornek.htm" name="iframe_a" height="300px" width="100%" title="Iframe Örneği"></iframe>
<p><a href="https://www.erensarigul.info" target="iframe_a">Kişisel Web Sitesi</a></p>
</body>
</html>
