İframe (Inline Frame), bir web sayfası içine başka bir web sayfasını yerleştirmek için kullanılan HTML etiketidir. İframe sayesinde, dışarıdaki bir web sitesi ya da aynı siteye ait başka bir sayfanın içeriği, mevcut web sayfasına entegre edilebilir.
Bu kod, 600 piksel genişliğinde ve 400 piksel yüksekliğinde bir iframe oluşturur ve içinde belirtilen URL'yi (
İframe Özellikleri
- Bağımsız Yapı: İframe ile eklenen içerik, ana sayfadan bağımsız olarak çalışır. Yani, iframe içindeki içerik farklı bir kaynaktan (örneğin başka bir URL'den) yüklenir ve ana sayfa ile doğrudan bir bağı yoktur.
- HTML Etiketi: <iframe> etiketi kullanılarak oluşturulur.
- Kaynak Belirtme: İframe'de görüntülenecek içeriğin kaynağı, src özelliği ile belirlenir.
- Boyutlandırma: Genişlik ve yükseklik gibi özellikler width ve height parametreleriyle ayarlanabilir.
Temel Kullanım Örneği:
HTML:
<iframe src="https://www.example.com" width="600" height="400" title="Iframe Örneği"></iframe>Bu kod, 600 piksel genişliğinde ve 400 piksel yüksekliğinde bir iframe oluşturur ve içinde belirtilen URL'yi (
https://www.example.com) görüntüler.İframe Kullanım Alanları
- Haritalar (Google Maps iframe kodları gibi)
- YouTube videoları veya diğer medya oynatıcılar
- Başka bir siteden veri veya içerik göstermek
- Belgeler veya PDF dosyalarını yerleştirmek
Avantajları:
- Farklı bir kaynaktan içerik eklemek kolaydır.
- Haritalar, videolar veya belirli uygulamalar için hazır bir çözüm sunar.
Dezavantajları:
- Performans sorunları oluşturabilir, çünkü iframe ile başka bir kaynaktan içerik çağırılır.
- SEO açısından dezavantajlıdır; arama motorları iframe içeriğini genellikle indekslemez.
- Güvenlik riskleri oluşturabilir; özellikle kötü amaçlı içerik veya iframe kullanımı ile "clickjacking" saldırıları yapılabilir.