HTML <embed>-Tag
Das <embed>-Tag wird als Container für externe Anwendungen, Multimedia und interaktive Inhalte verwendet, die der Browser nicht versteht. Für die korrekte Anzeige müssen externe Plug-ins oder spezielle Programme installiert oder aktiviert sein. Die Anzeige der eingebetteten Inhalte hängt vom Dateityp, den Attributen des <embed>-Tags und den im Browser installierten Plug-ins ab. Für die moderne Webentwicklung wird empfohlen, die <video>- und <audio>-Tags anstelle des <embed>-Tags zu verwenden.
Zum Laden von Objekten in HTML4 wird das <object>-Tag verwendet. Für eine breitere Kompatibilität wird das <embed>-Tag häufig in das <object>-Tag eingebettet. In HTML5 ist <embed> ein Standardelement, sodass Dokumente, die es verwenden, korrekt validieren.
Erfolg
Verwenden Sie die CSS-Eigenschaft
object-position, um die Positionierung des eingebetteten Objekts innerhalb des Rahmens des Elements zu korrigieren.
Syntax
Das <embed>-Tag ist leer, was bedeutet, dass das schließende Tag nicht erforderlich ist. In XHTML muss das <embed>-Tag jedoch geschlossen werden (<embed/>).
Beispiel für das HTML <embed>-Tag zum Einfügen eines Logos:
Beispiel für das HTML <embed>-Tag
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<embed src="https://de.w3docs.com/uploads/media/default/0001/01/0710cad7a1017902166203def268a0df2a5fd545.png" />
</body>
</html>Ergebnis
Beispiel für das HTML <embed>-Tag zum Einfügen einer Audiodatei:
Beispiel für das HTML <embed>-Tag zum Einfügen einer Audiodatei:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<embed type="audio/mpeg"
src="https://de.w3docs.com/build/audios/audio.mp3"
width="200"
height="100" />
</body>
</html>Beispiel für das HTML <embed>-Tag zum Einfügen eines Videos:
Beispiel für das HTML <embed>-Tag zum Einfügen eines Videos:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<embed type="video/mp4"
src="https://de.w3docs.com/build/videos/arcnet.io(7-sec).mp4"
width="300"
height="200"
title="Arcnet.io video" />
</body>
</html>Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| align | left, right, center, justify | Legt die Ausrichtung des eingebetteten Inhalts auf der Seite und die Art der Textumfließung fest. |
| height | pixels | Definiert die Höhe des eingebetteten Inhalts. |
| pluginspage | URL | Adresse, von der das erforderliche Plug-in heruntergeladen und installiert werden kann. |
| src | URL | Gibt den Pfad zur Datei an, die in das <embed>-Tag eingefügt wird. |
| type | MIME-type | Definiert den MIME-Typ (Spezifikation für die Übertragung von Dateien verschiedener Typen über das Netzwerk) des eingebetteten Inhalts. |
| vspace | pixels | Definiert den vertikalen Abstand vom eingebetteten Inhalt zum umgebenden Inhalt. |
| width | pixels | Definiert die Breite des eingebetteten Inhalts. |
Das <embed>-Tag unterstützt die Globalen Attribute und die Ereignisattribute.
Hinweis: Die Attribute align und vspace sind in HTML5 veraltet. Für modernes Styling und Layout wird empfohlen, die CSS-Eigenschaften width, height und object-position anstelle der HTML-Attribute zu verwenden.
Practice
Wofür wird das HTML <embed>-Tag verwendet?