Deskripsi
Penjelasan HTML iframe tag

HTML <iframe> element digunakan untuk merepresentasikan konteks jelajah dari sebuah dokumen atau file lain untuk dimasukkan (embed) dalam dokumen yang bersangkutan.

<iframe> element sering digunakan untuk menyisipkan konten dari website lain, contohnya menyisipkan script iklan dari website pihak ketiga, memasukkan widget atau aplikasi tertentu, dan memasukkan video dari sumber lain (seperti Youtube, Vimeo dan sejenisnya).

Attributes
Atribut HTML Tag <iframe>

sandbox

Membolehkan batasan-batasan tambahan untuk konten dalam sebuah iframe.

seamless

Menentukkan bahwa <iframe> harus nampak seperti bagian dari konten dalam dokumen tersebut.

src

Menentukkan sumber (url) dokumen atau file yang akan disisipkan pada sebuah <iframe>.

srcdoc

Menentukkan konten halaman HTML yang akan ditampilkan dalam sebuah <iframe>.

width

Menentukkan lebar dari sebuah <iframe>.


Global Attributes
Atribut Secara Global (Keseluruhan)

<iframe> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Event Attributes
Atribut event (Peristiwa)

<iframe> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Example
Contoh HTML <iframe> element

Contoh 1
<iframe id="kalkulator" src="http://dul.web.id/media/files/calculator.php"></iframe>

Contoh kalkulator diatas diambil dari halaman lain (sumber lain dari calculator.php) yang di-embed dalam sebuah iframe element.

Untuk menyamarkan iframe diatas, supaya terlihat seperti terdapat pada dokumen ini (bukan halaman lain), saya menghapus border dan mengaplikasikan style berikut:

iframe#kalkulator {
  width: 100%;
  border:0; /* menghilangkan border */
  min-height: 230px;
}
Contoh 2

Pada contoh dibawah ini, menggunakan konten HTML tanpa sumber lain.

<iframe seamless sandbox srcdoc="<p>Selamat Datang di dul.web.id <br><img src=&quot;../../../media/images/dulwebid.png&quot;>"></iframe>