HTML <object>-Tag
Das <object>-Tag definiert ein eingebettetes Objekt innerhalb eines HTML-Dokuments. Es wird im Allgemeinen zum Einbetten von Multimedia (Audio, Video, Java-Applets, Flash-Anwendungen usw.) oder eines anderen HTML-Dokuments in die Webseite verwendet.
Sie können Fallback-Inhalte innerhalb des <object>-Tags einfügen, die angezeigt werden, wenn der Browser das Tag nicht unterstützt oder die Ressource nicht geladen werden kann.
Sie können das <param>-Tag verwenden, um Parameter an Plugins zu übergeben, die mit dem <object>-Tag eingebettet wurden.
Für Bilder wird normalerweise das <img>-Tag bevorzugt. Bei der Verwendung von <object> sollten Sie mindestens eines der Attribute type oder data definieren.
Syntax
Das <object>-Tag kommt in Paaren vor. Der Inhalt wird zwischen dem öffnenden (<object>) und dem schließenden (</object>) Tag geschrieben. Das <object>-Tag wird als Kindelement von <body> verwendet.
Das Attribut data ist erforderlich, um die Ressourcen-URL anzugeben. Das Attribut type ist optional, wird aber empfohlen, um den MIME-Typ für die ordnungsgemäße Verarbeitung anzugeben.
Beispiel für das HTML <object>-Tag:
Beispiel für das HTML <object>-Tag
<!DOCTYPE html>
<html>
<head>
<title>Title of the webpage</title>
</head>
<body>
<p>Embedded video with fallback content:</p>
<object width="320" height="240" data="https://www.w3docs.com/uploads/media/default/0001/01/1280x720.mp4" type="video/mp4">
<p>Your browser does not support the object tag. <a href="https://www.w3docs.com/uploads/media/default/0001/01/1280x720.mp4">Download the video</a> instead.</p>
</object>
</body>
</html>Attribute
| Attribute | Value | Beschreibung |
|---|---|---|
| align | top bottom middle left right | Gibt die Ausrichtung des Inhalts innerhalb des Elements im Verhältnis zu umgebenden Elementen an. Wird in HTML5 nicht unterstützt. |
| archive | URL | Definiert eine durch Leerzeichen getrennte Liste von URLs zu Archiven, die Ressourcen enthalten, die für das Objekt relevant sind. Wird in HTML5 nicht unterstützt. |
| border | pixels | Legt die Breite des Rahmens um das Element fest. Wird in HTML5 nicht unterstützt. |
| classid | URL | Legt die URL der Implementierung des Objekts fest. Kann zusammen mit oder anstelle des data-Attributs verwendet werden. Wird in HTML5 nicht unterstützt. |
| codebase | URL | Definiert den Pfad, der zur Auflösung relativer URIs verwendet wird, die von classid, data oder archive angegeben werden. Standardmäßig wird die Basis-URI des aktuellen Dokuments verwendet. Wird in HTML5 nicht unterstützt. |
| codetype | media_type | Legt den Medientyp des Codes fest, auf den das classid-Attribut verweist. Wird in HTML5 nicht unterstützt. |
| data | URL | Legt die URL der Ressource fest, die vom Objekt verwendet wird. Erforderlich. |
| declare | declare | Gibt an, dass das Objekt nur deklariert, aber nicht instanziiert werden soll. Wird in HTML5 nicht unterstützt. |
| form | form_id | Gibt an, zu welchem oder welchen Formularen das Element gehört. |
| height | pixels | Gibt die Höhe des Objekts an. |
| hspace | pixels | Gibt den Leerraum auf der linken und rechten Seite des Objekts an. Wird in HTML5 nicht unterstützt. |
| name | name | Gibt einen Namen für das Objekt an. |
| standby | text | Gibt einen Text an, der angezeigt werden soll, während das Objekt geladen wird. Wird in HTML5 nicht unterstützt. |
| tabindex | number | Legt die Position des Elements in der Tab-Navigation für das aktuelle Dokument fest. |
| type | media_type | Gibt den Medientyp der im data-Attribut angegebenen Daten an. Optional, aber empfohlen. |
| usemap | #mapname | Gibt den Namen einer clientseitigen Bildkarte an, die mit dem Objekt verwendet werden soll (eine Hash-Namen-Referenz auf das <map>-Element). |
| vspace | pixels | Legt den Leerraum oben und unten des Objekts fest. Wird in HTML5 nicht unterstützt. |
| width | pixels | Legt die Breite des Objekts fest. |
Das <object>-Tag unterstützt auch die Globalen Attribute und die Ereignisattribute.
Hinweis: Attribute wie align, border, hspace und vspace sind veraltet. Verwenden Sie CSS für Layout und Styling in der modernen Entwicklung.
Praxis
Welches der folgenden Attribute kann mit dem HTML <object>-Tag verwendet werden?