Bingkai Inline Benarkan Anda Sertakan Kandungan dari Sumber Luar pada Halaman Anda
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 melihat iframes yang biasa digunakan di laman web yang perlu menyertakan 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 dalam atribut src
- kotak pasir - senarai ciri yang sepatutnya dibenarkan atau tidak dibenarkan dalam tetingkap bingkai
- tanpa lancar - ejen pengguna bahawa iframe harus diberikan seperti itu adalah sebahagian daripada dokumen induk yang tidak kelihatan
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 elemen A untuk memaut ke penerangan
- -membuat, gunakan property float CSS
- allowtransparency -instead, gunakan property background CSS untuk menjadikan ifram telus
- -menggunakan menggunakan hakisan sempadan CSS
- marginheight -instead, gunakan property margin CSS
- marginwidth -instead, gunakan property margin CSS
- -menggunakan, gunakan sifat melimpah CSS CSS
Sokongan Penyemak Imbas IFRAME
Unsur IFRAME 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 menyokong elemen IFRAME, masih terdapat sokongan terhad untuk beberapa ciri HTML5.
- Menggunakan limpahan untuk mematikan menatal tidak boleh dipercayai. Jika anda tidak mahu scrollbar pada iframes anda, anda harus terus menggunakan atribut menatal.
- The srcdoc, sandbox, dan atribut lancar tidak disokong oleh mana-mana pelayar pada masa ini.
Menghubungkan dengan Iframes
Apabila anda memberikan iframes anda nama atau id, anda boleh menunjuk pautan anda pada bingkai tersebut dengan atribut pada elemen A. 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:
Sekiranya dokumen yang dibuka dalam 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 menukar kandungan IFRAME lain pada halaman yang sama.
IFrames and Security
Elemen IFRAME, 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 mengaitkan pautan ke IFRAME yang tidak kelihatan 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 menyuntikkan IFRAME yang tidak kelihatan ke halaman 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 memasukkan IFRAME pada halaman web anda adalah bahawa 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 memasukkan 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