Tag iframe

Tag iframe membenarkan kandungan satu laman web disematkan ke dalam laman web yang lain. Ia digunakan untuk memaparkan kandungan seperti video, imej atau artikel, tanpa perlu membuka tetingkap atau tab baru.

Kandungan laman web yang disematkan akan mempunyai reka bentuk laman web tersebut. Pada masa yang sama, gaya CSS laman web kita, serta kod JavaScript kita tidak akan memberi kesan kepada kandungan tag iframe.

JavaScript kita boleh digunakan pada kandungan iframe, tetapi untuk itu perlu bertindak dengan kaedah khas.

Tag iframe digunakan secara meluas di laman web untuk menyematkan video dari YouTube dan platform lain, serta untuk memaparkan artikel dan imej dari sumber lain.

Atribut

Atribut	Penerangan
`src`	Menentukan alamat halaman yang hendak disematkan.
`srcdoc`	Membolehkan untuk menetapkan kandungan iframe secara langsung dalam atribut.
`frameborder`	Menetapkan bingkai di sekeliling iframe. Nilai `yes` menetapkan bingkai (secara lalai), manakala nilai `no` membuang bingkai.
`scrolling`	Menetapkan bar skrol di dalam iframe. Nilai `auto` - skrol mengikut keperluan (secara lalai), nilai `yes` - skrol sentiasa, nilai `no` - tiada skrol.

Contoh

Mari kita masukkan iframe dengan laman web lain (sebagai contoh kita ambil code.mu) ke dalam laman web kita:

<iframe src="https://code.mu/" width="600" height="400"></iframe>

Contoh

Mari sematkan video dari YouTube ke laman web kita:

<iframe
	src="https://www.youtube.com/embed/KzQrHpB1H8U"
	allowfullscreen
	width="400"
	height="400">
</iframe>

Contoh

Tulis kandungan secara langsung dalam iframe:

<iframe
	srcdoc="<h1>head</h1><p>text</p>"
	width="300"
	height="200">
</iframe>