HTML'de iframe

<iframe>, HTML sayfamızda, herhangi bir web sitesini gömmemize yaramaktadır. Eski bir teknik olsa da, yinede bazı yerlerde kullanım ihtiyacı doğmaktadır.
Aşağıda <iframe> etiketi ile bir YouTube videosunu web sitemize çekecek örnek kodu yazalım.

<iframe src="https://www.youtube.com/embed/WyOQGVDlvJQ"></iframe>

Çıktısı:

Iframe Yükseklik ve Genişlik Ayarları

Iframe boyutunu belirlemek için height ve width parametreleri kullanılır.
Yükseklik ve Genişlik değerleri varsayılan olarak piksel cinsinden belirtilir, ancak bunlar yüzde cinsinden de ("% 80" gibi) olabilir.

<iframe src="https://www.youtube.com/embed/WyOQGVDlvJQ" height="200" width="300"></iframe>

Iframe - Border (Çerçeve) Kaldırma

Iframe varsayılan olarak çerçeveli (border) olarak gelir. Bu çerçeve kalınlığını kaldırmak veya düzenlemek için CSS kullanmak gerekir. HTML etiketleri içinde style="" parametresini kullanarak CSS yazmak mümkün.

<iframe src="https://www.youtube.com/embed/WyOQGVDlvJQ" style="border:none;"></iframe>

Çerçeve kalınlığını kaldırmak için style="" parametresi içerisine border:none; kodunu kullandık.