Bingkai inline, yang biasanya hanya dirujuk sebagai "iframes", adalah satu-satunya jenis bingkai yang dibenarkan dalam HTML5. Bingkai ini pada asasnya merupakan bahagian halaman anda yang anda "potong". Dalam ruang yang anda telah potong dari halaman, anda boleh memberi suapan dalam halaman web luaran. Pada dasarnya, iframe adalah tetingkap pelayar lain yang ditetapkan tepat di dalam halaman web anda. Anda mengamalkan iframes yang biasa digunakan di laman web yang perlu memasukkan kandungan luaran seperti peta Google atau video dari YouTube. Kedua-dua laman web tersebut menggunakan iframes dalam kod embed mereka.
Bagaimana Menggunakan Elemen IFRAME
Unsur ini menggunakan elemen global HTML5 serta beberapa elemen lain. Empat juga sifat dalam HTML 4.01:
- - URL untuk sumber bingkai tersebut
- - ketinggian tingkap
- - lebar tingkap
- - nama tetingkap
Dan tiga baru dalam HTML5:
srcdoc-HTML untuk sumber bingkai. Atribut ini mengambil keutamaan di atas mana-mana URL di dalamsrcatributkotak pasir- Senarai ciri yang harus dibenarkan atau tidak dibenarkan dalam tetingkap bingkailancar-Lengkapkan ejen pengguna bahawa iframe harus diberikan seperti itu tidak jelas bahagian dokumen induk
Untuk membina iframe mudah, anda menetapkan URL sumber dan lebar dan ketinggian:
Ambil perhatian bahawa anda boleh memilih untuk tidak menggunakan nilai piksel untuk tetapan iframe anda, tetapi sebaliknya boleh memutuskan untuk menggunakan peratusan. Sekiranya anda membina laman web responsif yang ukurannya berubah dengan saiz skrin yang berbeza, peratusan ini akan menjadi penting.
Terdapat juga beberapa atribut yang sah dalam HTML 4.01 tetapi usang dalam HTML5. Oleh kerana kebanyakan laman web hari ini menggunakan HTML5 +, atribut ini adalah yang anda tidak mahu gunakan (tetapi yang mungkin anda lihat dalam beberapa dokumen warisan).
- -Membuat, gunakan
Aelemen untuk dihubungkan ke penerangan - -Membuat, gunakan CSS
terapungharta allowtransparency-Membuat, gunakan CSSlatar belakangharta untuk menjadikan ifram telus- -Menggunakannya
sempadanHarta CSS marginheight-Membuat, gunakan CSSmarginhartamargin lebar-Membuat, gunakan CSSmarginharta- -Membuat, gunakan CSS
limpahanharta
Sokongan Penyemak Imbas IFRAME
The IFRAME elemen disokong oleh semua penyemak imbas moden:
- Android
- Chrome
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Safari
Jika tiada nombor versi ditunjukkan dalam senarai di atas, itu adalah kerana semua versi penyemak imbas itu menyokongnya.
Satu perkara yang perlu diberi perhatian adalah bahawa walaupun semua pelayar menyokongnya IFRAME elemen, masih terdapat sokongan terhad untuk beberapa ciri HTML5.
- Menggunakan
limpahanuntuk mematikan menatal tidak boleh dipercayai. Jika anda tidak mahu scrollbar pada iframes anda, anda harus terus menggunakannyamenatalatribut. - The
srcdoc,kotak pasir, danlancaratribut tidak disokong oleh mana-mana pelayar pada masa ini.
Menghubungkan dengan Iframes
Apabila anda memberikan iframes anda a nama atau ID anda kemudian boleh menunjuk pautan anda pada bingkai tersebut dengan atribut pada A elemen. Kemudian, apabila pengguna mengklik pada pautan, ia akan terbuka di dalam iframe yang dirujuk daripada tetingkap semasa.
Cuba sendiri. Taipkan yang berikut ke dalam laman web:
Ini adalah iframe saya
Apabila anda mengklik pautan ini, ia akan membuka dokumen baru di dalam tetingkap di atas.
id = "myIframe" src = "http://webdesign.about.com/#lp-main" height = "200px" width = "500px">
Jika dokumen dibuka di IFRAME tidak mempunyai sebarang sasaran, maka semua pautan tersebut akan dibuka dalam iframe yang sama sebagai dokumen induk.
Anda boleh menggunakan ciri ini untuk membuat pautan dalam satu IFRAME ubah kandungan yang lain IFRAME pada halaman yang sama.
IFrames and Security
The IFRAME elemen, dengan sendirinya, bukan risiko keselamatan kepada anda atau pembaca anda. Malangnya iframes mendapat reputasi buruk kerana mereka boleh digunakan oleh laman web berniat jahat untuk memasukkan kandungan yang dapat menjangkiti komputer pelawat tanpa mereka melihatnya di halaman. Ini dilakukan dengan mempunyai pautan yang menunjukkan kepada yang tidak kelihatan IFRAME dan skrip tersebut menetapkan kod jahat. Pengguna mengklik pautan dan memikirkan bahawa pautan itu patah kerana tiada apa yang berlaku, tetapi skrip telah dimatikan di mana mereka tidak dapat melihatnya.
Terdapat juga virus komputer yang akan menyuntik sesuatu yang tidak kelihatan IFRAME ke laman web anda, dengan berkesan menjadikan laman web anda menjadi botnet. Mereka boleh melakukan ini melalui suntikan SQL dan serangan lain.
Perkara yang perlu diingat apabila termasuk IFRAME di laman web anda ialah pengguna anda hanya selamat seperti kandungan semua tapak yang anda sambungkan. Sekiranya anda mempunyai alasan untuk merasakan tapak tidak boleh dipercayai, jangan sambungkannya dalam apa jua cara dan paling pasti tidak termasuk kandungannya dalam IFRAME. Walau bagaimanapun, menghubungkan ke halaman anda sendiri dalam iframes tidak menimbulkan risiko keselamatan untuk anda atau pengguna anda.
Artikel asal oleh Jennifer Krynin. Disunting pada 11/7/16 oleh Jeremy Girard
