Objekte einbetten
Ein magisches Fenster zu vielseitigen Inhalten
Das <object>-Element ist wie ein Zauberportal, das es dir ermöglicht, verschiedene externe Inhalte in deine Webseite einzubinden. Sei es ein PDF, ein Video, ein Bild oder eine andere Multimedia-Datei – mit <object> öffnest du ein Fenster, das diese Inhalte nahtlos in dein Design einfügt, ohne die Struktur zu stören.
Im Vergleich zu anderen Elementen ist <object> besonders wandelbar, da es eine Vielzahl von Dateitypen anzeigen kann. Und sollte etwas schiefgehen und der Inhalt nicht geladen werden, wirkt es einen Fallback-Zauber – eine Alternative, damit deine Nutzer nie mit leeren Händen dastehen. So sorgst du dafür, dass deine Seite immer gut aussieht und reibungslos funktioniert, egal welches Gerät oder welcher Browser gerade im Spiel ist.
Objekt
Stilvolle Multimedia-Elemente für deine Webseite
Mit diesem <object>-Element öffnest du ein Fenster zu einer PDF-Datei (file.pdf), die sich mit 600×400 Pixeln perfekt in dein Layout einfügt. Das data-Attribut sorgt dafür, dass der Inhalt geladen wird. Das type-Attribut flüstert dem Browserzu, was genau er anzeigen soll (in diesem Fall ein PDF). Aber falls der Browser mal auf stur schaltet und die Datei nicht anzeigen will, wird unser Fallback aktiv. Ein Hinweis mit einem magischen Download-Link, der den Nutzer trotzdem ans Ziel bringt. So bleibt niemand im Regen stehen!
<object data="file.pdf" type="application/pdf" width="600" height="400">
Oh nein, dein Browser weigert sich, das PDF anzuzeigen! Kein Problem, hier ist ein <a href="file.pdf">magischer Download-Link</a>, der dir weiterhilft.
</object>