Tanda <iframe> HTML

  • Halaman sebelumnya <i>
  • Halaman berikutnya <img>

Definisi dan penggunaan

<iframe> Tanda <iframe> menandai frame dalam teks (frame dalam teks).

Frame dalam teks digunakan untuk menempatkan dokumen lain di dalam dokumen HTML saat ini.

Petunjuk:Gunakan CSS untuk menata <iframe> gaya (lihat contoh di bawah ini).

Petunjuk:Baiknya selalu untuk <iframe> Termasuk atribut title. Penyembuh layar layar dapat menggunakan atribut ini untuk membaca tentang <iframe> Deskripsi konten.

Lihat pula:

Panduan HTML:Iframe HTML

Panduan Referensi DOM HTML:Objek IFrame

Contoh

Contoh 1

Tanda frame dalam teks seperti ini:

<iframe src="https://www.codew3c.com" title="CodeW3C.com 在线教程"></iframe>

Coba Sendiri

Contoh 2

Tambah dan hapus border iframe (gunakan CSS):

<iframe src="/index.asp" width="100%" height="300" style="border:1px solid black;">
</iframe>
<iframe src="/index.asp" width="100%" height="300" style="border:none;">
</iframe>

Coba Sendiri

Atribut

Atribut Nilai Deskripsi
allow Tentukan strategi kebijakan <iframe>.
allowfullscreen
  • true
  • false
 Jika <iframe> dapat diaktifkan untuk mode layar penuh dengan memanggil method requestFullscreen(), atur ke true.
allowpaymentrequest
  • true
  • false
 Jika mengizinkan <iframe> yang melintasi sumber untuk mengakses Payment Request API, atur ke true.
height Pixel Tentukan tinggi <iframe>. Tinggi default adalah 150 pixel.
loading
  • eager
  • lazy
 Tentukan apakah browser seharusnya menggelar iframe segera atau menunda penggelar iframe sampai beberapa kondisi terpenuhi.
name Teks Tentukan nama <iframe>.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Tentukan informasi referensi yang harus dikirim saat mengambil iframe.
sandbox
  • allow-forms
  • allow-pointer-lock
  • allow-popups
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
 Aktifkan sejumlah batasan ekstra untuk konten <iframe>.
src URL Tentukan alamat dokumen yang akan disisipkan ke dalam <iframe>.
srcdoc Kode HTML Tentukan konten HTML halaman yang akan ditampilkan di dalam <iframe>.
width Pixel Tentukan lebar <iframe>. Lebar default adalah 300 pixel.

Properti Global

<iframe> Tanda juga mendukung Atribut global di HTML.

Atribut acara

<iframe> Tanda juga mendukung Atribut acara di HTML.

Pengaturan CSS standar

Sebagian besar browser akan menampilkan nilai standar berikut ini <iframe> Elemen:

iframe:focus {
  outline: none;
}
iframe[seamless] {
  display: block;
}

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan
  • Halaman sebelumnya <i>
  • Halaman berikutnya <img>