Kerangka sebaris, biasanya hanya disebut sebagai "iframes", adalah satu-satunya jenis bingkai yang diizinkan dalam HTML5. Frame ini pada dasarnya adalah bagian dari halaman Anda yang Anda "memotong". Di ruang yang telah Anda keluarkan dari halaman, Anda dapat memberi makan di halaman web eksternal. Intinya, iframe adalah jendela browser lain yang disetel tepat di dalam halaman web Anda. Anda menyamakan iframes yang umum digunakan di situs web yang perlu menyertakan konten eksternal seperti peta Google atau video dari YouTube. Kedua situs web populer tersebut menggunakan iframes dalam kode embednya.
Cara Menggunakan Elemen IFRAME
Elemen ini menggunakan elemen global HTML5 serta beberapa elemen lainnya. Empat juga atribut dalam HTML 4.01:
- - URL untuk sumber frame
- - Ketinggian jendela
- - lebar jendela
- - nama jendela
Dan tiga baru di HTML5:
srcdoc-The HTML untuk sumber frame. Atribut ini didahulukan dari URL mana pun disrcatributbak pasir-Sebuah daftar fitur yang harus diizinkan atau tidak diizinkan di jendela bingkaimulus-Beritahu agen pengguna bahwa iframe harus dirender seperti itu adalah bagian tak terlihat dari dokumen induk
Untuk membuat iframe sederhana, Anda menetapkan URL sumber serta lebar dan tingginya:
Perhatikan bahwa Anda dapat memilih untuk tidak menggunakan nilai piksel untuk pengaturan iframe Anda, tetapi sebaliknya dapat memutuskan untuk menggunakan persentase. Jika Anda membuat situs web responsif yang ukurannya harus berubah dengan ukuran layar yang berbeda, persentase ini akan menjadi penting.
Ada juga beberapa atribut yang valid dalam HTML 4.01 tetapi usang dalam HTML5. Karena sebagian besar situs web saat ini menggunakan HTML5 +, atribut ini adalah yang tidak ingin Anda gunakan (tetapi yang mungkin Anda lihat di beberapa dokumen lawas).
- -Bahkan, gunakan sebuah
SEBUAHelemen untuk menautkan ke deskripsi - -Bahkan, gunakan CSS
mengapungmilik memungkinkantransparansi-Bahkan, gunakan CSSLatar Belakangproperti untuk membuat ifram transparan- -Bukan gunakan
berbatasanProperti CSS marjinalitas-Bahkan, gunakan CSSbatasmilikmarginwidth-Bahkan, gunakan CSSbatasmilik- -Bahkan, gunakan CSS
meluapmilik
Dukungan Browser IFRAME
Itu IFRAME elemen didukung oleh semua browser modern:
- Android
- Chrome
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Safari
Jika tidak ada nomor versi yang ditampilkan dalam daftar di atas, itu karena semua versi browser mendukungnya.
Satu hal yang harus diperhatikan adalah bahwa sementara semua browser mendukung IFRAME elemen, masih ada dukungan terbatas untuk beberapa fitur HTML5.
- Menggunakan
meluapuntuk mematikan gulir tidak dapat diandalkan. Jika Anda tidak ingin scrollbar di iframe Anda, Anda harus terus menggunakanmengguliratribut. - Itu
srcdoc,bak pasir, danmulusatribut tidak didukung oleh browser apa pun saat ini.
Menautkan dengan Iframes
Saat Anda memberi iframe Anda a nama atau id Anda kemudian dapat mengarahkan tautan Anda ke bingkai itu dengan atribut di SEBUAH elemen. Kemudian, ketika seorang pengguna mengklik pada tautan, itu akan terbuka di dalam iframe yang direferensikan dan bukan pada jendela saat ini.
Cobalah sendiri. Ketik yang berikut ini ke halaman web:
Ini adalah iframe saya
Ketika Anda mengklik tautan ini akan membuka dokumen baru di dalam jendela di atas.
id = "myIframe" src = "http://webdesign.about.com/#lp-main" height = "200px" width = "500px">
Jika dokumen dibuka di IFRAME tidak memiliki target yang ditetapkan, maka semua tautan tersebut akan terbuka dalam iframe yang sama dengan dokumen induk.
Anda dapat menggunakan fitur ini untuk membuat tautan menjadi satu IFRAME ubah konten yang lain IFRAME dihalaman yang sama.
IFrames dan Keamanan
Itu IFRAME elemen, dengan sendirinya, bukan risiko keamanan bagi Anda atau pembaca Anda. Sayangnya iframes mendapatkan reputasi buruk karena dapat digunakan oleh situs web jahat untuk menyertakan konten yang dapat menginfeksi komputer pengunjung tanpa mereka melihatnya di halaman. Ini dilakukan dengan menghubungkan tautan ke yang tak terlihat IFRAME dan skrip itu memicu kode berbahaya. Pengguna mengklik tautan tersebut dan berpikir bahwa tautan tersebut rusak karena tidak ada yang terjadi, tetapi skrip telah dinonaktifkan dan mereka tidak dapat melihatnya.
Ada juga virus komputer yang akan menyuntikkan sesuatu yang tidak terlihat IFRAME ke halaman web Anda, secara efektif mengubah situs web Anda menjadi botnet. Mereka dapat melakukan ini melalui injeksi SQL dan serangan lainnya.
Hal yang perlu diingat ketika memasukkan sebuah IFRAME di halaman web Anda adalah bahwa pengguna Anda hanya seaman isi dari semua situs yang Anda tautkan. Jika Anda memiliki alasan untuk merasa sebuah situs tidak dapat dipercaya, jangan tautkan ke situs itu dengan cara apa pun dan paling jelas tidak menyertakan isinya dalam IFRAME. Menghubungkan ke halaman Anda sendiri dalam iframes, bagaimanapun, tidak menimbulkan risiko keamanan bagi Anda atau pengguna Anda.
Artikel asli oleh Jennifer Krynin. Diedit pada 11/7/16 oleh Jeremy Girard
