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>
: