Tag <object>

Tag <object>

Definition

Status: Aktueller Standard

Das Tag <object> steht für object (Objekt).

Das <object>-Element dient dazu, externe Ressourcen in ein HTML-Dokument einzubinden. Es ist ein Allrounder, der verschiedenste Medientypen wie Bilder, Audio, Video, Java-Applets oder sogar andere HTML-Dokumente verarbeiten kann. Text oder HTML-Code innerhalb der Tags wird nur angezeigt, wenn der Browser die Ressource nicht laden oder verarbeiten kann (Fallback-Hinweis). Sie können <param>-Tags innerhalb von <object> verwenden, um Parameter an externe Plugins zu übergeben. Heutzutage werden für spezifische Zwecke oft spezialisierte Tags wie <iframe>, <video> oder <audio> bevorzugt, da diese eine bessere native Browser-Unterstützung bieten.

Syntax

<object>...</object>

Attribute bzw. Unterelemente

data

URL der einzubindenden Ressource

type

MIME-Typ der Ressource

width

Breite des Objekts in Pixeln oder Prozent

height

Höhe des Objekts in Pixeln oder Prozent

form

Zuordnung zu einem Formular

<param>

Parameterübergabe an Objekt

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <object> - ---

Der Code:

<object data="dokument.pdf" type="application/pdf" width="100%" height="600">
    <p>Ihr Browser kann PDFs nicht anzeigen.</p>
</object>

Ergebnis:

Ergebnis: <object>-Demo 1
---

Beispiel <object> - falls Datei nicht gefunden wird

Der Code:

<object data="datei.pdf" type="application/pdf" width="100%" height="600">
    <p>Ihr Browser kann PDFs nicht anzeigen.</p>
</object>

Ergebnis:

Ergebnis: <object>-Demo 2
falls Datei nicht gefunden wird

Auch wenn der Pfad nicht stimmt oder die Datei nicht gefunden wird kommt kein "Datei nicht gefunden" sondern der "Fallback-Text" - obwohl der Browser durchaus pdf-Dateien anzeigen kann. Achtung, etwas irreführend!