Bagaimana dan Kapan Menggunakan Iframe (Bingkai Sebaris)

Bingkai sebaris, biasanya hanya disebut iframe, adalah satu-satunya jenis bingkai yang diizinkan di HTML5. Bingkai ini pada dasarnya adalah bagian dari halaman Anda yang Anda "potong". Di ruang yang telah Anda potong dari halaman, Anda kemudian dapat memberi makan di halaman web eksternal.

Intinya, iframe adalah jendela browser lain yang diatur di dalam halaman web Anda. Anda melihat kode iframe yang biasa digunakan di situs web yang perlu menyertakan konten eksternal seperti peta Google atau video dari YouTube. Kedua situs web populer tersebut menggunakan iframe dalam kode sematan mereka.

Cara Menggunakan Elemen IFRAME

Jendela Peramban
filo / Getty Images

Elemen tersebut menggunakan elemen global HTML5 serta beberapa elemen lainnya. Empat juga merupakan atribut dalam HTML 4.01:

  • URL untuk sumber bingkai,
  • ketinggian jendela,
  • lebar jendela, dan
  • nama jendela.

Tiga yang baru di HTML5:

  • Srcdoc: HTML untuk sumber bingkai. Atribut ini lebih diutamakan daripada URL apa pun di src atribut.
  • Bak pasir: Daftar fitur yang harus diizinkan atau tidak diizinkan di jendela bingkai.
  • instagram viewer
  • Mulus: Memberi tahu agen pengguna bahwa iframe harus dirender seolah-olah itu adalah bagian yang tidak terlihat dari dokumen induk.

Untuk membuat iframe sederhana, atur URL sumber serta lebar dan tinggi dalam piksel:


Gunakan persentase daripada ukuran yang ditentukan dalam piksel untuk situs web yang responsif yang ukurannya harus berubah dengan ukuran layar yang berbeda.

Dukungan Peramban Iframe

Itu iframe elemen didukung oleh semua browser desktop dan seluler modern. Namun, beberapa browser belum merespons secara konsisten tiga atribut HTML5 baru untuk elemen ini.

Iframe dan Keamanan

Itu iframe elemen, dengan sendirinya, bukan merupakan risiko keamanan bagi Anda atau pengunjung situs Anda. Iframe mendapatkan reputasi buruk karena dapat digunakan oleh situs web jahat untuk memasukkan konten yang dapat menginfeksi pengunjung visitor komputer tanpa mereka melihatnya di halaman, dengan memasukkan tautan yang mengarah ke iframe yang tidak terlihat, dan skrip tersebut memicu kode.

Beberapa virus komputer menyuntikkan iframe yang tidak terlihat ke halaman web Anda, secara efektif mengubah situs web Anda menjadi botnet.

Pengunjung situs Anda hanya seaman konten semua situs yang Anda tautkan. Jika Anda memiliki alasan untuk menganggap sebuah situs tidak dapat dipercaya, jangan menautkannya dengan cara apa pun.