Objekte in HTML einbinden

Das HTML Element object

object = Objekt

Beschreibung:

In HTML haben Sie die Möglichkeit jede Art von Datei oder Datenquelle, die sich außerhalb der HTML-Datei befindet einzubinden. Diese "Objekte" können z.B. Datendateien (z.B. Excel-Tabellen), Musikdateien (z.B. Midi-Dateien), Videos (z.B. ein Flash-Movie) oder auch vom Browser ausführbare Programme (z.B. Java-Applets). Für einige Datentypen gibt/gab es eigene HTML Elemente, doch damit nicht für jede neue Form ein neues HTML Element entsteht, gibt es das HTML Element <object>. Mit dem HTML Element object können Sie jede Art von Datentypen in ein HTML-Dokument einbinde.

Hinweis:

Das HTML object wird nicht von allen Browser-Versionen unterstüzt. Vorallem ältere Browser-Versionen kennen dieses Element nicht, und nutzen noch die alten HTML Elemente.

Syntax:

Um ein Objekt innerhalb einer HTML-Datei einzubinden, notieren Sie das Start-Tag <object> und das End-Tag </object> an der gewünschten Stelle im Quelltext.

Quelltext:

<object>
...
</object>

Datendatei einbinden:

data = Daten

Beschreibung:

Um eine Datendatei einzubinden, müssen Sie das Attribut data="URI" benutzen. Mit diesem Attribut referenzieren Sie die gewünschte Datei und geben so die Adresse an, an welcher sich die Datendatei befindet.

Syntax:

Notieren Sie das Attribut data="URI" innerhalb des Start-Tags <object>. Für "URI" geben Sie die Adresse an, an welcher sich die Datei befindet. Hierfür gelten die Regeln zum Referenzieren in HTML.

<object data="kreis.svg">
...
</object>

MIME-Typ angeben

type = Typ

Beschreibung:

Durch die Angabe des MIME-Types helfen Sie dem Browser die Daten schneller zu verarbeiten.

Syntax:

Notieren Sie das Attribut type="MIME-Typ" innerhalb des Start-Tags <object>. Dabei geben Sie für "MIME-Typ" den entsprechenden MIME-Typ an (z.B. für SVG-Dateien type="image/svg+xml")

Quelltext:

<object type="image/svg+xml" data="kreis.svg">
...
</object>

Höhe und Breite

height = Höhe

width = Breite

Beschreibung:

Wenn Sie ein Objekt einbinden können Sie Angaben zu Breite und Höhe notieren. Diese Angaben helfen das eingebundene Objekt korrekt darzustellen.

Syntax:

Mit dem Attribut width="Wert" legen Sie die Breite in Pixel oder in Prozent in Bezug auf die verfügbare Breite fest, und mit height="Wert" die Höhe.

Quelltext:

<object type="image/svg+xml" data="kreis.svg" width="100px" height="100px">
...
</object>

Alternativtext:

Beschreibung:

Falls eine eingebundene Datei von einem Browser nicht wiedergegeben werden kann, können Sie den Anwender mit einem Text darauf hinweisen.

Syntax:

Notieren Sie den Alternativtext zwischen dem Start-Tag <object> und dem End-Tag </object>

<object data="URI">
Ihr Browser kann die eingebundene 
Datei vom Typ "MIME-Typ" nicht 
anzeigen.
</object>