access_time
hourglass_empty
person_outline

iFrame nedir?

iFrame, bir sayfa içine dökümanlar, videolar ve interaktif medya yerleştirmenizi sağlayan bir HTML elementidir. iFrame’i kullanarak ana sayfanızda ikinci bir web sayfası gösterebilirsiniz.

Bu makalede, iFrame nedir ve nasıl kullanılacağına daha yakından bakacağız ve HTML dökümanınıza bir iFrame koymadan önce dikkat etmeniz gereken şeyler hakkında konuşacağız.

iFrame Nedir?

iFrame Inline Frame’in kısaltılmışıdır. Web tasarlamada güçlü bir elementtir. Büyük ihtimalle YouTube dışındaki sitelerde yerleştirilmiş sayısızca YouTube videosu görmüşsünüzdür. iFrame her türlü medyayı yerleştirebilir. Belki de nasıl yapıldığını merak ediyordunuz. Muhtemelen o sayfanın web tasarımcısı sayfaya iFrame elementi koymuştur.

iFrame elementi başka kaynaklardan bir parça içermenizi sağlar. İçeriği sayfanızın düzeninde tipik bir element gibi sayfanızın düzeninde içermeye gerek kalmadan sayfanızın herhangi bir yerine entegre edebilir.

Ancak iFrame’i gereğinden fazla kullanmamalısınız. Sayfanızı yavaşlatabilir ve sitenizde güvenlik riski oluşturabilir, özellikle de şüpheli bir siteden içerik kullanırsanız. iFrame’i sayfanızın değil ancak içeriğinizin bir parçası olarak düşünün. Örneğin, eğer okuyucularınızı hareket geçirmek için bir YouTube videosu eklemek istiyorsanız, o zaman o yazıya bir iFrame elementi yerleştirebilirsiniz.

Konuyla alakalı: WordPress’de Video Nasıl Yerleştirilir? (ing)

iFrame Nasıl Kullanılır?

Artık iFrame’in başka sitelerden içerik paylaşmak için ilave bir element olduğunu bildiğinize göre belirli bir konu hakkında okuyucularınıza içerik vermek için kullanabilirsiniz. Bir HTML dökümanında <iframe> etiketini kullanarak bir iFrame elementi yerleştirebilirsiniz. Aşağıdaki kodu kopyalayıp not defteri’ne yapıştırın ve dosyayı .html formatında kaydedin:

<iframe src="https://www.youtube.com/embed/dXBohfjc4WA" width="680" height="480" allowfullscreen></iframe>

iFrame nedir? iFrame örneği.

Yukarıdaki kod Hostinger’ın bir YouTube rehber videosunu gösterecek. Hadi sırayla her bir etiketi ayrı ayrı inceleyelim:

  • <iframe></iframe> etiketi video’yu iFrame içinde tutmak için kullanılmıştır.
  • iFrame kaynağı (src) ise iç ya da dış kaynaktan olan içeriğin kökenidir. Yerleştirme kodunu URL’ye koymayı unutmayın.
  • Genişlik ve yüksek ise iFrame’in çerçeve oranıdır. Örnekteki 680×480 piksel (px) gibi önceden ayarlanmış boyutlar yerleştirebilirsiniz. Veya yönteme bağlı olarak iFrame’i otomatik olarak ayarlamak için yüzde (%10-%100) kullanabilirsiniz.

Güvenlik Tehditleri

Doğası gereği, iFrame elementi web siteniz veya okuyucularınız için herhangi bir güvenlik tehdidi arz etmez. Kısmen, içerik yaratıcılarının okuyuculara görsel olarak merak uyandıran materyal eklemek için geliştirilmiştir. Yine de, güvenilir olmayan bir siteden iFrame eklerken dikkat etmeniz gerekir.

2008’de ABC haber gibi bazı meşru sitelerde iFrame kod enjeksiyonu (kod ekleyerek açıklardan faydalanma) patlaması yaşandı. Bu çeşit saldırılar ziyaretçileri kötü niyetli bir siteye yönlendirir, bu site de ziyaretçilerin bilgisayarlarına virüs yükler veya hassas bilgi çalmaya çalışır. Bu yüzden iFrame’i sitenizin önemli parçalarından biri yapmak önerilmez.

Eğer bir web sitesinin güvenli olmadığını düşünüyorsanız, linkini vermekle bile uğraşmayın ve içeriklerini iFrame elementinize koymayın.

Bir web sitesine mi ihtiyacınız var? En iyi hosting sağlayıcısını ararken Hostinger’ı bir deneyin.

Şimdi Başlayın

Sonuç

Her şeyi hesaba katarak, eğer ziyaretçileriniz için daha fazla etkileşim istiyorsanız iFrame güçlü bir elementtir. iFrame’i yaptığınız içeriğin bir kısmı olarak düşünün, web sitenizin önemli bir kısmı olarak değil. Yine de, iFrame’i abartılı olarak kullanmamalısınız; sitenizi iFrame olmadan geliştirebilirmeniz daha iyi olacaktır. Yine de geliştirme amaçlı kullanmanız gerekiyorsa, sadece güvenli bir web sitesinden içerik kullanmayı unutmayın. Umarız bu makalede iFrame nedir sorusuna cevap vermiş, size iFrame’i uygulama ve kullanma konusunda yardımcı olmuşuzdur.

Yazar

Author

Gökhan O. / @gokhanordu

Gökhan Hostinger'da Pazarlama Asistanı olarak çalışmakta. WordPress hakkındaki tecrübe ve bilgisini bu blogda paylaşıyor. Çeviri yapmak, içerik yönetmek ve de SEO optimizasyonu yapmaktan büyük keyif alır. Hobileri arasında oyun oynamak ve futbol maçları izlemek vardır.

İlgili Rehberler

Author

metin Yanıt

Temmuz 27 2019

selam ben html <iframe src= ile blogger sayfamda film linkleri paylaşmak istiyorum ama bi türlü olmuyor idm den urlsini alıyorum iframe katıyorum çıkmıyor video destek varmı yardım

    Author

    Gökhan O.

    Yanıt tarihi Temmuz 29 2019

    Merhaba Metin Bey, iFrame başka bir sayfayı görüntülemek için kullanılır. Direkt olarak videoları görüntüleyemezsiniz. Eğer video görüntülemek istiyorsanız < video>< source src="..." type="video/mp4">< /video> etiketini kullanabilirsiniz.

      Author

      metin

      Yanıt tarihi Temmuz 29 2019

      Teşekürler

Author

melike Yanıt

Temmuz 30 2019

Merhaba pop-up da iframe açıyorum. (bankanın 3d ödeme ekranı ) şifreyi yazdıktan sonra banka sayfaya yönlendirmekte. ama o da iframe'in içinde açılıyor. ben iframe dışında açılmasını istiyorum ne yapabilirim?

    Author

    Gökhan O.

    Yanıt tarihi Şubat 14 2020

    Merhaba Melike Hanım, bunun için JavaScript kullanmanız gerekmektedir.

Bir yanıt bırakın

Yorum*

İsim*

Eposta*

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Şimdi Hostinger'ın bir parçası olun!