Elemen ini memungkinkan Anda untuk menyematkan halaman Web lain secara langsung ke halaman Web Anda. Tetapi ketika menggunakan iframe ada beberapa masalah keamanan dan desain yang tidak dibahas dalam HTML 4.01. HTML5 membawa tiga atribut baru ke elemen ini untuk membantu mengatasi masalah ini:
Atribut kotak pasir
Itu bak pasir atribut dari IFRAME elemen adalah fitur keamanan yang sangat berguna dari iframes. Saat Anda memasukkannya ke dalam IFRAME elemen, Anda menginstruksikan agen pengguna untuk melarang fitur yang mungkin menyebabkan risiko keamanan ke situs dan penggunanya.
Sebagai contoh:
sandbox = "" >
Memberi tahu browser untuk melarang semua fitur yang mungkin merupakan risiko keamanan. Secara khusus, plugin tidak diizinkan. Formulir tidak dapat dikirim. Sscript tidak akan berjalan dan tautan di luar IFRAME tidak diizinkan. Terakhir, akses ke cookie, penyimpanan lokal, dan halaman lain di domain yang sama (asal) tidak diizinkan.
Kemudian, menggunakan bak pasir nilai kata kunci, Anda dapat mengaktifkan kembali beberapa fitur. Kata kunci ini adalah:
memungkinkan-bentuk-Kirimkan pengiriman formulirmemungkinkan asal yang sama-Sebuah skrip untuk mengakses konten seperti cookie dari domain asal yang samamemungkinkan-skrip-Sebuah skrip untuk dijalankan dalam hal iniIFRAMEmemungkinkan-top-navigasi-BolehkanIFRAMEtautan dan skrip ke_teratastarget
Bukan ide yang bagus untuk mengatur keduanya memungkinkan-skrip dan memungkinkan asal yang sama kata kunci bersama pada yang sama IFRAME. Jika Anda melakukan ini, halaman tertanam kemudian dapat menghapus sepenuhnya bak pasir atribut, meniadakan segala manfaat keamanan.
Atribut srcdoc
Itu srcdoc Atribut adalah atribut yang memberikan perancang Web lebih banyak kontrol atas iframes serta keamanan yang lebih. Alih-alih menghubungkan ke halaman Web di URL yang berbeda, perancang Web menempatkan HTML yang akan ditampilkan dalam IFRAME di dalam srcdoc atribut.
Pada awalnya, Anda mungkin berpikir, "Bagaimana ini berbeda dari meletakkan HTML tepat di halaman?" Dan dalam beberapa hal, itu tidak terlalu berbeda. Tetapi Anda harus diingat salah satu fungsi dari IFRAME elemen, yang menjaga data tidak tepercaya terpisah dari bagian lain situs.
Dengan menempatkan HTML yang dibuat oleh sumber yang tidak tepercaya, seperti formulir, ke dalam IFRAME Anda dapat "meng-sandbox" konten yang tidak dipercaya dan tetap menampilkannya di halaman. Komentar blog adalah contoh. Sebagian besar blog hanya memiliki sejumlah tag HTML komentar yang dapat digunakan dalam komentar mereka. Tetapi dengan menempatkan komentar tersebut di kotak pasir IFRAME menggunakan srcdoc atribut, komentar bisa lebih kuat sambil tetap melindungi situs secara keseluruhan.
Keamanan dan Iframes
Dua atribut di atas memberikan keamanan untuk Anda IFRAME elemen, tetapi mereka tidak membuktikan terhadap semua situs jahat. Jika situs jahat dapat meyakinkan pengguna untuk mengakses konten yang bermusuhan secara langsung (seperti dengan mengetikkan URL ke browser mereka) mereka masih dapat diserang.
Jika memungkinkan sebaiknya mengatur konten yang ada di kotak pasir IFRAME sebagai text / html-sandboxed Tipe MIME.
Atribut tanpa batas
Itu mulus atribut adalah atribut boolean yang memberi tahu browser untuk menampilkan IFRAME seolah-olah itu adalah bagian dari dokumen induk. Jika Anda menginginkan Anda IFRAME untuk ditampilkan secara mulus, cukup sertakan atribut ini di elemen:
mulus >
Tetapi membuat IFRAME mulus lebih dari sekedar tampilan, itu juga bagaimana halaman berinteraksi dengan frame. Sebagai contoh:
- Tautan di
IFRAMEakan terbuka di jendela induk, kecualiIFRAMEhalaman memiliki target_DIRIset. - CSS dalam
IFRAMEakan ditambahkan ke kaskade seluruh dokumen. - Elemen root dari
IFRAMEHalaman dianggap sebagai anak dariIFRAME. - Lebar dan tinggi dari
IFRAMEdiatur dengan cara yang sama dengan bagaimana elemen tingkat blok lainnya akan ditetapkan. - Ketika dokumen induk dilihat oleh alat render pidato seperti pembaca layar, file
IFRAMEakan dibaca tanpa mengumumkannya sebagai dokumen terpisah. - Semua skrip pada dokumen induk akan mempengaruhi
IFRAMEdokumen dengan cara yang sama. Misalnya, jika skrip mencantumkan semua bingkai di halaman, tautan diIFRAMEakan terdaftar juga.
Dengan kata lain, itu mulus Atribut tidak lebih dari sekadar menghapus batas dari IFRAME. Jika Anda akan mengatur IFRAME Agar mulus, Anda harus sangat yakin dengan konten sehingga Anda tidak menambahkan risiko keamanan apa pun ke situs web Anda dengan menyematkan situs berbahaya.
