Satır İçi Çerçeveler, Sayfalarınızdaki İçeriği Harici Kaynaklardan İçermenize İzin Verir
Genellikle "iframe'ler" olarak anılan satır içi kareler, HTML5'te izin verilen tek çerçeve türüdür. Bu kareler esasen sayfanızın "kesildiğin" bir bölümüdür. Sayfadan çıkardığınız alanda, daha sonra harici bir web sayfasında yayınlayabilirsiniz. Özünde, bir iframe, web sayfanızın tam olarak ayarlanmış başka bir tarayıcı penceresidir. Web sitelerinde yaygın olarak kullanılan iframe'lerin bir Google haritası veya YouTube'daki bir video gibi harici içeriği içermesi gerektiğini görürsünüz.
Bu popüler web sitelerinin ikisi de gömme kodlarında iframe kullanıyor.
IFRAME Elemanı Nasıl Kullanılır?
Öğe, HTML5 global öğelerini ve diğer birkaç öğeyi kullanır. Ayrıca, HTML 4.01'deki özellikler de dört:
- - çerçevenin kaynağı URL’si
- - pencerenin yüksekliği
- - pencerenin genişliği
- - pencerenin adı
Ve üç tanesi HTML5'te yeni:
- srcdoc — çerçevenin kaynağı için HTML. Bu özellik, src özelliğindeki herhangi bir URL’den önceliklidir
- sandbox — çerçeve penceresinde izin verilmesi veya izin verilmemesi gereken özelliklerin listesi
- kesintisiz - kullanıcı aracısı iframe'nin, ana belgenin görünmez bir parçası gibi işlenmesi gerektiğine dikkat çeker
Basit bir iframe oluşturmak için kaynak URL'yi ve genişlik ve yüksekliği ayarlarsınız:
Iframe'inizin ayarları için piksel değerlerini kullanmamayı seçebileceğinizi ancak bunun yerine yüzde kullanabileceğinizi unutmayın.
Boyutları farklı ekran boyutlarında değişmesi gereken duyarlı bir web sitesi oluşturuyorsanız , bu yüzdeler önemli olacaktır.
HTML 4.01'de geçerli olan ancak HTML5'te eski olan bazı özellikler de vardır. Bugün çoğu web sitesi HTML5 + kullanıyor olduğundan, bu özellikler kullanmak istemeyeceğiniz (ancak bazı eski belgelerde görebileceğiniz) niteliklerdir.
- —instead, açıklamaya bağlanmak için bir A öğesi kullanın
- —instead, CSS float özelliğini kullanın
- allowtransparency —instead, ifram'ı saydam yapmak için CSS background özelliğini kullanın
- —instead sınır CSS özelliğini kullanın
- marginheight - instead , CSS margin özelliğini kullanın
- marginwidth —instead , CSS margin özelliğini kullanın
- —instead, CSS taşma özelliğini kullan
IFRAME Tarayıcı Desteği
IFRAME öğesi tüm modern tarayıcılar tarafından desteklenir:
- Android
- Krom
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Safari
Yukarıdaki listede hiçbir sürüm numarası gösterilmiyorsa, bunun nedeni, bu tarayıcının tüm sürümlerinin desteklediği içindir.
Dikkat edilmesi gereken bir nokta, tüm tarayıcılar IFRAME öğesini desteklerken, bazı HTML5 özelliklerine yönelik hala sınırlı bir desteğin olmasıdır.
- Kaydırmayı kapatmak için taşma kullanmak güvenilir değildir. Iframe'lerinizdeki kaydırma çubuklarını istemiyorsanız, kaydırma özelliğini kullanmaya devam etmelisiniz.
- Srcdoc, sandbox ve kesintisiz nitelikler şu anda herhangi bir tarayıcı tarafından desteklenmemektedir.
Iframe'lerle bağlantı kurma
Iframe'larınıza bir ad veya kimlik verdiğinizde, bağlantılarınızı bu çerçevede A öğesindeki öznitelikle işaretleyebilirsiniz. Daha sonra, kullanıcı bağlantıyı tıkladığında, geçerli pencereden ziyade başvurulan iframe içinde açılır.
Kendin dene. Bir web sayfasına aşağıdakileri yazın:
IFRAME'de açılmış olan belgede herhangi bir hedef belirlenmemişse, tüm bu bağlantılar ana belge ile aynı iframe içinde açılır.
Bir IFRAME öğesindeki bağlantıların aynı sayfada başka bir IFRAME içeriğinin değiştirilmesi için bu özelliği kullanabilirsiniz.
IFrames ve Güvenlik
IFRAME öğesi kendi başına, sizin veya okuyucularınızın güvenlik riski değildir.
Maalesef iframe'ler kötü bir üne kavuştu çünkü kötü niyetli web siteleri tarafından, bir ziyaretçinin bilgisayarını sayfada görünmeden bilgisayarına bulaşabilecek içeriğe yer vermek için kullanılabilir. Bu, görünmeyen IFRAME öğesine bağlantıların olması ve bu kodların kötü amaçlı kodun kapatılmasıyla yapılır. Kullanıcı, bağlantıyı tıklar ve bağlantının kesildiğini düşünür çünkü hiçbir şey olmamıştır, ancak göremediği bir komut dosyası çıkarılmıştır.
Web sayfalarınıza görünmez bir IFRAME yerleştirecek ve web sitenizi etkili bir şekilde botnet haline getirecek bilgisayar virüsleri de vardır. Bunu, SQL enjeksiyonu ve diğer saldırılarla yapabilirler.
Bir IFRAME'i web sayfanıza eklerken hatırlamanız gereken şey, kullanıcılarınızın yalnızca bağlantı kurduğunuz tüm sitelerin içeriği kadar güvenli olmasıdır. Bir siteyi hissettirmek için bir nedeniniz güvensizse, herhangi bir şekilde ona bağlı değilsiniz ve kesinlikle içeriğinizi bir IFRAME içine dahil etmeyiniz. Bununla birlikte, iframe'ler içindeki kendi sayfalarınıza bağlantı vermek, siz veya kullanıcılarınız için bir güvenlik riski oluşturmaz.
Jennifer Krynin tarafından yazılmış orijinal makale. Jeremy Girard tarafından 11/7/16 tarihinde düzenlenmiştir