Contoh Penggunaan dan Fungsi iframe

Menggunakan iframe, mungkin bisa dibutuhkan dalam suatu website. Penggunaannya pun sangat mudah, hanya tinggal memanggil tag iframe pada html. Dulu bisa menggunakan <frame> tapi saat digunakan di html5 ternyata tidak berfungsi. Oleh karena itu, kita bisa menggunakan iframe sebagai penggantinya.

Apa sebenarnya fungsi dan bagaimana contoh penggunaannya? iframe bisa digunakan untuk menampilkan halaman website lain dalam suatu website. Atau menampilkan document HTML lain dalam sebuah website. Yaa bisa dibilang website dalam website. Contoh penggunaannya seperti ini.

Jika kita mempunyai sebuah toko online, lalu kita menggunakan JNE sebagai kurirnya, pasti banyak yang bertanya "ongkir kesini berapa? ongkir kesana berapa?" agar mudah kita bisa langsung tampilkan saja halaman hitung ongkir yang ada di JNE. Nah, dapatkan alurnya? Kira-kira seperti itu.

Script iframe adalah seperti berikut :

<iframe src="URL" scrolling="auto" width="900px" height="500px" frameborder="0"></iframe>

Keterangan :

• scrolling = untuk menampilkan scroll, ada 3 pilihan : auto, yes dan no.
• width : untuk mengatur lebar iframe (iframe tidak menyesuaikan diri dengan wrapper)
• height : untuk mengatur tinggi
• frameborder : mengatur border iframe

Contoh hasilnya seperti berikut, tapi disini contohnya menggunakan kursuswebdesign.org :

Mudah yaaa? Semoga bermanfaat :)