Pengenalan Tag IFRAME Pada Elemen HTML
Isi postingan artikel:
buayaberdiri.blogspot.com - Mungkin dalam struktur kode html website kamu memiliki iframe yang digunakan untuk embed video,file pdf,foto dan juga untuk kolom komentar dan lain-lain.Karena penggunaan iframe ini sangat banyak digunakan oleh para pengembang.
Dalam pengetesan situs atau blog di Lighthouse mungkin kamu pernah mengalami masalah tentang penggunaan iframe,seperti ini contohnya : "<frame> or <iframe> elements do not have a title ".Seperti ini contoh gambarnya :
Pada pengetesan Lighthouse di developer google chrome,pada iframe penggunaan title akan mempengaruhi nili atau score Accessibilty.
Pada umumnya penggunaan iframe seperti ini :
Pada tag iframe biasanya terdapat beberapa atribut properti pendukung seperti allowtransparency,class,frameborder,src,witdh dan height.
Jika kamu ingin menambahkan title, sangat mudah pada iframe,kamu tinggal tulis atribut properti kemudian mengisi nama properti dari title,sebagai contoh saya akan buat title dengan nama properti youtube frame.
Berikut ini adalah tampilannya :
<iframe allowtransparency='false' class='frame_youtube' frameborder='0' src='youtube.com/' width='100%'/>
Pada tag iframe biasanya terdapat beberapa atribut properti pendukung seperti allowtransparency,class,frameborder,src,witdh dan height.
Jika kamu ingin menambahkan title, sangat mudah pada iframe,kamu tinggal tulis atribut properti kemudian mengisi nama properti dari title,sebagai contoh saya akan buat title dengan nama properti youtube frame.
Berikut ini adalah tampilannya :
<iframe allowtransparency='true' class='#' frameborder='0' src='youtube.com/' title="youtube frame" width='100%'/>
Berikut ini penjelasan singkat setiap nama atribut pada tag iframe pada elemen html
- allowtransparency : Memberikan izin pada latar belakang transparan dalam elemen iframe,isi propertinya ada 2 yaitu true dan false
- class : Pemberian nama class yang terhubung dengan CSS
- frameborder : Memberikan style border pada elemen frame atau iframe
- src="youtube.com/" : Asal link yang akan diembed pada elemen iframe
- title : Memberikan judul pada elemen iframe
- width : Menentukan lebar iframe atau frame,satuan lebar bisa menggunakan pixel (px) dan percentage (%)
contoh iframe diatas adalah contoh sekaligus dengan tag penutup <iframe src="" title="" />,jadi contoh diatas kamu tidak perlu menggunakan tag iframe penutup seperti ini </iframe>.
Akan tetapi kamu menggunakan iframe seperti ini dengan cara seperti ini <iframe src="" title=""></iframe> ,lihat contoh dibawah ini :
<iframe src="youtube.com/" title="youtube frame">...</iframe>
Penutup :
Demikian informasi tentang penggunaan tag iframe pada elemen HTML dan bisa diterapkan pada elemen PHP,Python dan lain-lain.
Semoga informasi ini bisa membantu,Gbu :)
Tag:
- Cara Membuat Elemen <iframe> menjadi responsif / responsive di HTML
- Contoh Penggunaan Iframe Video Youtube Responsive
- Cara Membuat Iframe Responsive di Bootstrap
- Cara membuat elemen iframe fullscreen