HTML <object> Tag
Voorbeeld
'n Ingebedde beeld:
<object data="pic_trulli.jpg" width="300" height="200"></object>
Voorbeeld
'n Ingebedde HTML-bladsy:
<object data="snippet.html" width="500" height="200"></object>
Voorbeeld
'n Ingebedde video:
<object data="video.mp4" width="400" height="300"></object>
Definisie en gebruik
Die <object>
merker definieer 'n houer vir 'n eksterne hulpbron.
Die eksterne hulpbron kan 'n webblad, 'n prent, 'n mediaspeler of 'n inproptoepassing wees.
Om 'n prentjie in te sluit, is dit beter om die <img>
merker te gebruik.
Om HTML in te sluit, is dit beter om die <iframe>
merker te gebruik.
Om video of oudio in te sluit, is dit beter om die <video>
en - <audio>
merkers te gebruik.
Blaaierondersteuning
Element | |||||
---|---|---|---|---|---|
<object> | Yes | Yes | Yes | Yes | Yes |
Inproppe
Die <object>
merker is oorspronklik ontwerp om blaaier-inproppe in te sluit.
Inproppe is rekenaarprogramme wat die standaardfunksies van die blaaier uitbrei.
Inproppe is vir baie verskillende doeleindes gebruik:
- Begin Java-applets
- Begin ActiveX-kontroles
- Wys Flash-flieks
- Vertoon kaarte
- Soek vir virusse
- Verifieer 'n bank-ID
Waarskuwing!
Die meeste blaaiers ondersteun nie meer Java-applets en -inproppe nie.
ActiveX-kontroles word nie meer in enige blaaier ondersteun nie.
Die ondersteuning vir Shockwave Flash is ook in moderne blaaiers afgeskakel.
Eienskappe
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 |
Globale eienskappe
Die <object>
merker ondersteun ook die Global Attributes in HTML .
Gebeurtenis eienskappe
Die <object>
merker ondersteun ook die gebeurteniskenmerke in HTML .
Verwante bladsye
HTML-tutoriaal: HTML-objekelement
HTML DOM verwysing: Object Object
Verstek CSS-instellings
Die meeste blaaiers sal die <object>
element met die volgende verstekwaardes vertoon:
object:focus {
outline: none;
}