HTML <object> -Tag
Beispiel
Ein eingebettetes Bild:
<object data="pic_trulli.jpg" width="300" height="200"></object>
Beispiel
Eine eingebettete HTML-Seite:
<object data="snippet.html" width="500" height="200"></object>
Beispiel
Ein eingebettetes Video:
<object data="video.mp4" width="400" height="300"></object>
Definition und Verwendung
Das <object>Tag definiert einen Container für eine externe Ressource.
Die externe Ressource kann eine Webseite, ein Bild, ein Mediaplayer oder eine Plug-in-Anwendung sein.
Um ein Bild einzubetten, ist es besser, das <img>Tag zu verwenden.
Um HTML einzubetten, ist es besser, das <iframe>Tag zu verwenden.
Um Video oder Audio einzubetten, ist es besser, die Tags <video>und zu verwenden.<audio>
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <object> | Yes | Yes | Yes | Yes | Yes |
Plugins
Das <object>Tag wurde ursprünglich entwickelt, um Browser-Plug-ins einzubetten.
Plug-Ins sind Computerprogramme, die die Standardfunktionalität des Browsers erweitern.
Plug-Ins wurden für viele verschiedene Zwecke verwendet:
- Führen Sie Java-Applets aus
- Führen Sie ActiveX-Steuerelemente aus
- Zeigen Sie Flash-Filme an
- Karten anzeigen
- Auf Viren scannen
- Verifizieren Sie eine Bank-ID
Warnung !
Die meisten Browser unterstützen keine Java-Applets und Plug-ins mehr.
ActiveX-Steuerelemente werden in keinem Browser mehr unterstützt.
Auch die Unterstützung für Shockwave Flash wurde in modernen Browsern abgeschaltet.
Attribute
| 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 Attribute
Das <object>Tag unterstützt auch die globalen Attribute in HTML .
Ereignisattribute
Das <object>Tag unterstützt auch die Ereignisattribute in HTML .
Verwandte Seiten
HTML-Tutorial: HTML-Objektelement
HTML-DOM-Referenz: Object Object
Standard-CSS-Einstellungen
Die meisten Browser zeigen das <object>Element mit den folgenden Standardwerten an:
object:focus {
outline: none;
}