Iframe Parametreleri ve Kullanımı

Yükleniyor

IFrame (inline frame) sayfa içerisinde başka bir sayfa açmaya, çağırmaya yarar. Herhangi bir yerinde, herhangi bir ebatta yeni bir sayfa açtırabilmemizi sağlayan html kodudur.

En basit kullanım şekli şu şekildedir.


<iframe src='http://1fincan.com'></iframe>

bu şekilde 1fincan.com adresindeki nesnelerin tamamını sitemizde göstermiş oluyoruz. Yani bir pencere açıp orada diledğimiz sayfayı gösteriyoruz. Youtube videoları eklerken de iframe kullandığımızı fark etmişsinizdir.

 Dikkat: </iframe> kodu ile iframe’imiz kapatılmazsa iframe’imizin altındaki nesnelerimiz gözükmez.

İpucu

<iframe> ve </iframe> kodları arasına yazacağımız değerler iframe kullanıcının tarayıcısı tarafından desteklenmiyorsa görülebilir. Böylelikle özel hata mesajı oluşturabiliriz. Örneğin

<iframe src="http://1fincan.com">Tarayıcınız iframe desteklemiyor!</iframe>

Parametreler ve Kullanımları

Align:

iframe’in nereye yaslanacağını belirlememizi sağlar. Alabileceği değerler left (sol), right (sağ), middile (ortalanmış), top (yukarı), bottom (aşağı).

Kullanımı:


<iframe src="http://1fincan.com" align="left"></iframe>

Frameborder:

1 (var) ya da 0 (yok) değerini alabilir. İframe’in kenarlığının olup olmayacağını belirler. html5’de kullanılmamaktadır.

Kullanımı:


<iframe src="http://1fincan.com" frameborder="0"></iframe>

Height:

Yüksekliği piksel cinsinden belirlememizi sağlar. Örneğin yüksekliği 250 piksel olan bir flash dosyasını siteadi.com/flash.swf’den çekeceksek, iframe’imizin 250 piksel yükseklikte olması için height değerini 250 olarak atamamız gerekir.

Kullanımı:

<iframe src="http://1fincan.com" height="250"></iframe>

Longdesc:

Artık kullanılmayan bir koddur. Tedavülden kalkmıştır.

Marginheight:

iframe’de üste ve alta mesafe bırakmayı sağlar. HTML5’te kullanılmamaktadır.

Kullanımı:

<iframe src="http://1fincan.com" marginheight="50"></iframe>

Marginwidth:

iframe’de sağa ve sola mesafe bırakmayı sağlar. Marginheight gibi bu da html5’te kullanılmamaktadır.

Kullanımı:

<iframe src="http://1fincan.com" marginwidth="25"></iframe>

Name:

İframe’e bir isim atayarak diğer iframe öğelerinden ayrılmasını ve örneğin jquery ile farklı değerler verilebilmesini sağlar.

Kullanım:

<iframe src="http://1fincan.com" name="1fincan_frame"></iframe>

Sandbox

Yeni bir özelliktir. Şimdilik ben de tam olarak ne olduğunu kavramış değilim.

Scrolling

“yes”, “no” ve “auto” değerlerini alabilir. iframe’de kaydırma çubuğunun gözüküp gözükmeyeceğini belirler. html5’de yoktur.

Kullanım:

<iframe src="http://1fincan.com" scrolling="no"></iframe>

Seamless:

İframe’in sitenin bir elemanı gibi görünmesini sağlar. Yeni bir özelliktir.

Kullanımı:

<iframe src="http://1fincan.com" seamless></iframe>

Src

Iframe’ın çekileceği adrestir. Yukarıdaki tüm örneklerde iframe src (source – kaynak) ‘si http://1fincan.com’dur.

Srcdoc

Iframe’in kaynağını bir internet sayfasından değil koddan almasını sağlar. Opera, Firefox ve IE’de desteklenmemektedir.

Kullanım:

<iframe srcdoc="<p>Burası iframe'in içinde</p>"></iframe>

Width

Iframe’in genişliğini belirler. Piksel cinsinden sayı değeri girilir.

Kullanım:

<iframe src="http://1fincan.com" width="300"></iframe>

Örnek Kullanımlar:

<iframe width="640" height="360" src="http://www.youtube.com/embed/u_tORtmKIjE" frameborder="0" seamless></iframe>

Kaynaklar:

http://www.w3schools.com/tags/tag_iframe.asp

http://www.webmastersitesi.com/soru-cevap/570148-iframe-nedir.htm

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir