Contoh
Sebuah frame inline ditandai sebagai berikut:
<iframe src="http://www.w3ii.com"></iframe>
Cobalah sendiri " Definisi dan Penggunaan
The <iframe> tag menentukan sebuah frame inline.
Sebuah frame inline digunakan untuk menanamkan dokumen lain dalam dokumen HTML saat ini.
Dukungan Browser
Elemen | |||||
---|---|---|---|---|---|
<iframe> | iya nih | iya nih | iya nih | iya nih | iya nih |
Tips dan Catatan
Tip: Untuk menghadapi browser yang tidak mendukung <iframe> , menambahkan teks antara pembukaan <iframe> tag dan penutupan </iframe> tag.
Tip: Gunakan CSS untuk gaya <iframe> (bahkan untuk menyertakan scrollbars).
Perbedaan Antara HTML 4.01 dan HTML5
HTML5 telah menambahkan beberapa atribut baru, dan beberapa HTML 4.01 atribut akan dihapus dari HTML5.
Perbedaan Antara HTML dan XHTML
Dalam XHTML, yang name atribut usang, dan akan dihapus. Gunakan atribut id global yang bukan.
atribut
= Baru di HTML5.
Atribut | Nilai | Deskripsi |
---|---|---|
align | left right top middle bottom | Tidak didukung di HTML5. Menentukan keselarasan dari <iframe> menurut elemen sekitarnya |
frameborder | 1 0 | Tidak didukung di HTML5. Menentukan apakah atau tidak untuk menampilkan perbatasan di sekitar <iframe> |
height | pixels | Menentukan tinggi dari <iframe> |
longdesc | URL | Tidak didukung di HTML5. Menentukan halaman yang berisi deskripsi panjang isi sebuah <iframe> |
marginheight | pixels | Tidak didukung di HTML5. Menentukan margin atas dan bawah isi sebuah <iframe> |
marginwidth | pixels | Tidak didukung di HTML5. Menentukan margin kiri dan kanan dari isi sebuah <iframe> |
name | text | Menentukan nama sebuah <iframe> |
sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation | Memungkinkan set ekstra pembatasan untuk konten dalam <iframe> |
scrolling | yes no auto | Tidak didukung di HTML5. Menentukan apakah atau tidak untuk menampilkan scrollbar dalam <iframe> |
src | URL | Menentukan alamat dokumen untuk menanamkan dalam <iframe> |
srcdoc | HTML_code | Menentukan konten HTML halaman untuk menunjukkan di <iframe> |
width | pixels | Menentukan lebar sebuah <iframe> |
Atribut global
The <iframe> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <iframe> tag juga mendukung Acara Atribut di HTML .
Pages terkait
Tutorial HTML: HTML Iframe
Referensi HTML DOM: iFrame Object
Pengaturan Default CSS
Kebanyakan browser akan menampilkan <iframe> elemen dengan nilai default berikut:
iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}