Hoşgeldiniz Esrarengiz.NET | Türkiyenin En iyi Webmaster Platformu

Webmaster Forum - Tüm özelliklerimize erişmek için şimdi webmaster topluluğumuza katılın.
  • Kayıt olduktan ve giriş yaptıktan sonra, konu oluşturabilir, mevcut konulara cevap gönderebilir,
  • diğer üyelerinize itibar kazandırabilir, kendi özel mesajlaşma programınızı edinebilir ve çok daha fazlasını WF ile yapabilirsiniz.
  • Ayrıca hızlı ve tamamen ücretsiz, ne bekliyorsun?
  • iFrame Nedir, iFrame Nasıl Kullanılır?

    Katılım
    22 Haz 2020
    Forum
    37
    Tepki
    32
    Puan
    17
    Yaş
    22
    Konum
    İzmir
    Meslek
    Öğrenci
    1594003996878.png


    iFrame Nedir, iFrame Nasıl Kullanılır?

    iFrame, bir sayfanın içine döküman, video ve interaktif medya yerleştirilmesini sağlayan bir HTML kodudur. iFrame kullanarak yapabileceğiniz şeyler sınırsız denilebilir, ana sayfanızın içinde bir ikinci web sayfası dahi gösterebilirsiniz.

    Bu makalemizde iFrame nedir ve iFrame nasıl kullanılır konularına değineceğiz, ek olarak HTML dökümanınıza iFrame eklemeden önce dikkat etmeniz gereken noktaları sizlere göstereceğiz.


    iFrame Nedir?

    iFrame, Inline Frame'nin kısaltılmış hali ve Web tasarlamada güçlü bir elementtir. Girdiğiniz her hangi bir sitede büyük ihtimalle (youtube hariç) youtube videoları görmüşsünüzdür. İşte o videolar iFrame sayesinde koyuluyor ve iFrame'nin içine eklenebilecek medya sınırsızdır.

    iFrame eklenti başka kaynaklardan parçalar içermenizi sağlar ve içeriği sayfanızın düzeninde olan bir element gibi içeri aktarmanıza gerek kalmadan entegre edebilirsiniz.

    Fakat iFrame'i çok fazla kullanamazsınız çünkü sayfanızı yavaşlatır ve sitenizde güvenlik riski oluşturabilir, özellikle şüpheli bir siteden içerik kullanırsanız güvenlik riski hat safhada olacaktır.

    iFrame'yi sayfanızın değil ama içeriğinizin bir parçası olarak görebilirsiniz.


    iFrame Nasıl Kullanılır?

    iFrame'nin ne olduğunu öğrendiğimize göre belirli bir konu hakkında içeriğinizi iframe ile güçlendirebilirsiniz.
    bir HTML dökümanına <iframe> etiketini kullanarak iFrame elementini yerleştirmiş olacaksınız.

    Aşağıda verdiğimiz kodu kopyalayıp kendinize göre düzenleyin ve .html formatında kaydedin daha sonra .html dosyasını açın;

    HTML:
    <iframe width="2117" height="886" src="https://www.youtube.com/embed/Cj3S0JGIyNI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


    1594004578239.png


    Bu gördüğünüz kod Esrarengiz youtube kanalının bir videosunu sizlere atacaktır.
    Gördüğümüz etiketleri ayrı ayrı incelemek gerekirse:

    - <iframe>...</iframe) = bu etiket video'yu iFrame içinde tutmak için kullanılan bir etiketdir.
    - iFrame kaynağı (src) iç ya da dış kaynaktan olan içeriktir. Yerleştirme kodunu kopyalayın ve verdiğimiz url yerine koyun.

    - Genişik ve yükseklik (width, height) oranları ise iFrame'nin çerçeve oranıdır.
    Genel olarak siteler için kullanılan çerçeve boyutu 680x480 piksel gibi küçük, orta boyutta çerçevelerdir.
    Ve bunların yanında iFrame çerçevesini otomatik ayarlamak isterseniz yüzde (%5-%50-%100) kullanabilirsiniz.


    Güvenlik Tehditleri;

    Aslına bakarsanız iFrame elementi web siteniz için her hangi bir güvenlik tehtidi bulundurmaz, tam tersine okuyucularda görsel bir merak yaratması için geliştirilmiş bir materyaldır. Fakat güvenilir olmayan bir siteden iFrame eklemek isterseniz dikkat etmeniz gerekmekte.

    2008 tarihinde "ABC haber" gibi sitelerde iFrame kod enjeksiyonu (kısaca kod ekleyerek açıklardan faydalanma) gerçekleşti ve bu saldırılar ziyaretçileri pek de güzel denemeyecek, kötü sayfalara yönlendirdi. ziyaretçilerin bilgisayarlarına virüs yükledi ve ya hassas bilgi çalınmak için kullanıldı. Bunun gibi tehtidleri göz önünde bulundurarak iFrame'yi kesinlikle sitenizin önemli parçalarından biri yapmanızı önermiyoruz.


    Eğer her hangi bir web sitesinin güvenli olmadığını düşünüyor iseniz hiç uğraşmayın, iFrame elementinize koymayın ve başka bir video bulun.

    1594005011462.png
     
    instagram takipçi satın al smm panel fenerbahçe haberleri instagram türk takipçi paketleri
    Üst