HTML <object> tag

Definitie en gebruik

<object> Tags definiëren de container voor externe bronnen.

Externe bronnen kunnen webpagina's, afbeeldingen, mediaspelers of plugin-toepassingen zijn.

Om een afbeelding in te bouwen, is het beste om <img>-tag te gebruiken.

Om HTML in te bouwen, is het beste om <iframe>-tag te gebruiken.

Om video of audio in te bouwen, is het beste om <video> en <audio> Tag.

Zie ook:

HTML-tutorial:HTML Object-element

HTML DOM-handboek:Object-object

Plugins

<object> Tags zijn oorspronkelijk ontworpen om browserplugins in te bouwen.

Plugins zijn computerprogramma's die de standaardfunctionaliteiten van de browser uitbreiden.

Plugins hebben verschillende toepassingen:

  • Run Java-applets
  • Run ActiveX-kontroles
  • Toon Flash-film
  • Toon de kaart
  • Scanneer virussen
  • Controleer bank ID

Waarschuwing !

De meeste browsers ondersteunen geen Java-applets en plugins meer.

Geen browser ondersteunt meer ActiveX-kontroles.

Moderne browsers hebben de ondersteuning voor Shockwave Flash stopgezet.

Voorbeeld

Voorbeeld 1

Ingebedde afbeelding:

<object data="tulip.jpg" width="300" height="300"></object>

Probeer het zelf

Voorbeeld 2

Ingebedde HTML-pagina:

<object data="/index.html" width="500" height="300"></object>

Probeer het zelf

Voorbeeld 3

Ingebedde video:

<object data="shanghai.mp4" width="640" height="300"></object>

Probeer het zelf

Eigenschap

Eigenschap Waarde Beschrijving
data URL Definieert de URL van de bron die door het object moet worden gebruikt.
form Formulier id Definieert het formulier waarvan het object deel uitmaakt.
height pixels Definieert de hoogte van het object.
name Naam Definieert de naam van het object.
type Media-type Definieert het media-type van de gegevens die in de eigenschap data worden gespecificeerd.
typemustmatch true/false Definieert of de eigenschap type moet overeenkomen met de daadwerkelijke inhoud van de bron om te kunnen worden weergegeven.
usemap #mapname Definieert de naam van de client-side afbeeldingskaart die samen met het object moet worden gebruikt.
width pixels Specifies the width of the object.

Global attributes

<object> The tag also supports Global attributes in HTML.

event attributes

<object> The tag also supports Event attributes in HTML.

Default CSS settings

Most browsers will use the following default values to display the <object> element:

object:focus {
  outline: none;
}

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support