iFrame Nedir? iFrame Kullanımı ve Örnek iFrame Kodu, iFrame, bir sayfa içine belgeler, videolar ve interaktif medya yerleştirmenizi sağlayan bir HTML öğesidir. Ana sayfada ikinci bir web sayfasını görüntülemek için iFrame’i kullanabilirsiniz.
iFrame, herhangi bir HTML veya PHP sayfasını başka bir HTML sayfasına gömmek için kullanılır. Kısacası, bu element, kullanıcı tanımlı bir dikdörtgen çerçeve içine gömülü bağlantılardan oluşur. Kullanım amacı temel olarak kullanıcıların görüntülemek istedikleri farklı sitelerdeki içerikleri görüntülemek için siteye gitmelerini engellemektir. Bunu yaptığınızda, kendi web sitenizdeki bir iFrame’e mevcut içeriğe bir bağlantı ekleyerek, bunun web sitenizde görüntülenmesini sağlayabilir ve kullanıcıların başka web sitelerine aktarılmasını önleyebilirsiniz. Ayrıca iFrame’i kullanarak telif hakkı Ancak iFrame’i gereğinden fazla kullanırsanız sayfanızı yavaşlatabilir ve sitenizde güvenlik riski oluşturabilirsiniz. TPK Medya
iFrame Nasıl kullanılır?
Sitenizin HTML kaynak kodlarının bulunduğu bölüme giriş yaparak etiketinizi kullanabilirsiniz. Kodunuzun “body” bölgesinde istediğiniz şekilde yerleştirebilirsiniz.
- 600px genişlikve 300px uzunluğunda her hangi bir Web sayfasını sitenizin içerisine ekleme örneği:
<html>
..
<iframe src=”https://webcesi.com” name=”cerceve” width=”600″ height=”300″></iframe>
..
</html>
- Çerçevenin sağa yaslı olduğu örnek:
<html>
..
<iframe src=”https://webcesi.com” name=”cerceve” width=”600″ height=”300″ align=”right”></iframe>
..
</html>
- Aşağı ve yukarı oynatma(scroll) özelliğini aktif ve pasif yapma örneği.
Yazı İçeriği
Scroll Aktif:
<html>
..
<iframe src=”https://webcesi.com” name=”cerceve” width=”600″ height=”300″ scrolling=”no”></iframe>
..
</html>
- Çerçevesi olmayan bir iFrame örneği:
<html>
..
<iframe src=”https://webcesi.com” name=”cerceve” width=”600″ height=”300″ frameborder=”1″></iframe>
<iframe src=”https://webcesi.com” name=”cerceve” width=”600″ height=”300″ frameborder=”0″></iframe>
..
</html>
iFrame Etiketleri Ne Anlama Gelir?
iFrame etiketlerinin ne anlama geldiğini sizlere aşağıda maddeler halinde açıklamaya çalışacağım.
- Src : iFrame çerçevesinin içerisine gelen Web sitesi linkini yazacağınız parametredir. En önemli etiket olup Src etiketini boş bırakmanız halinde iFrame çerçevesi de boş kalacaktır.
- Name : iFrame adını belirtmeniz sitenizi düzenlemek istediğinizde bu elementlere daha kolay ulaşmanızı sağlar. Çerçeve isimlerini girerken türkçe karakter ve boşluk olmadan çerçeve ismini giriniz.
- Width : Çerçevenizin genişliğini (px) belirlenmesi için kullanılan parametredir.
- height : Çerçevenizin uzunluğunu (px) belirlenmesi için kullanılan parametredir.
- Scrolling : Çerçevenin kaydırma özelliğinin olup olmayacağını belirleme konusunda karar vermenize yardımcı olur.
- 1: Aktif anlamına gelir.
- 0: Pasif anlamına gelir.
- Align : Çerçevenin konumunu belirlemede işe yarayan etikettir.
- Left: Sola yaslamak için
- Right: Sağa yaslamak için
- Top: Yukarıda tutmak için
- Middle: Ortalamak için
- Bottom: Alt Tarafta tutmak için kullanılır.
- Frameborder : Çerçeve dışında çizgi kalınlığını belirtmek için kullanılır.
GÜVENLİK TEHDİTLERİ
iFrame elementi web siteniz veya okuyucularınız için herhangi bir tehdit içermemektedir. Güvenilir olmayan bir siteden iFrame eklerken yine de dikkatli olmanız son derece önemlidir. Geçmiş yıllarda yaşanan bir olayda hackerlar iFrame kodlarına saldırı yaparak ziyaretçileri kötü niyetli bir sitelere yönlendirerek, bu site de ziyaretçilerin bilgisayarlarına zararlı dosyalar yüklenmesini sağlamışlardır. Eğer bir web sitesinin güvenilir olduğundan emin değilseniz içeriklerini iFrame elementinize koymayın.
