Tag <objek> HTML
Contoh
Gambar yang disematkan:
<object data="pic_trulli.jpg" width="300" height="200"></object>
Contoh
Halaman HTML yang disematkan:
<object data="snippet.html" width="500" height="200"></object>
Contoh
Video yang disematkan:
<object data="video.mp4" width="400" height="300"></object>
Definisi dan Penggunaan
Tag <object>mendefinisikan wadah untuk sumber daya eksternal.
Sumber daya eksternal dapat berupa halaman web, gambar, pemutar media, atau aplikasi plug-in.
Untuk menyematkan gambar, lebih baik menggunakan <img>tag.
Untuk menyematkan HTML, lebih baik menggunakan <iframe>tag.
Untuk menyematkan video atau audio, lebih baik menggunakan tag <video>and .<audio>
Dukungan Peramban
| Element | |||||
|---|---|---|---|---|---|
| <object> | Yes | Yes | Yes | Yes | Yes |
Plug-in
Tag <object>awalnya dirancang untuk menyematkan Plug-in browser.
Plug-in adalah program komputer yang memperluas fungsionalitas standar browser.
Plug-in telah digunakan untuk berbagai tujuan:
- Jalankan applet Java
- Jalankan kontrol ActiveX
- Tampilkan film Flash
- Tampilkan peta
- Pindai virus
- Verifikasi id bank
Peringatan !
Sebagian besar browser tidak lagi mendukung Applet dan Plug-in Java.
Kontrol ActiveX tidak lagi didukung di browser apa pun.
Dukungan untuk Shockwave Flash juga telah dinonaktifkan di peramban modern.
Atribut
| Attribute | Value | Description |
|---|---|---|
| data | URL | Specifies the URL of the resource to be used by the object |
| form | form_id | Specifies which form the object belongs to |
| height | pixels | Specifies the height of the object |
| name | name | Specifies a name for the object |
| type | media_type | Specifies the media type of data specified in the data attribute |
| typemustmatch | true/false | Specifies whether the type attribute and the actual content of the resource must match to be displayed |
| usemap | #mapname | Specifies the name of a client-side image map to be used with the object |
| width | pixels | Specifies the width of the object |
Atribut Global
Tag <object>juga mendukung Atribut Global dalam HTML .
Atribut Acara
Tag <object>juga mendukung Atribut Peristiwa dalam HTML .
Halaman Terkait
Tutorial HTML: Elemen Objek HTML
Referensi DOM HTML: Objek Objek
Pengaturan CSS Default
Sebagian besar browser akan menampilkan <object>elemen dengan nilai default berikut:
object:focus {
outline: none;
}