Elementen embed och object

Nästla in reservinnehåll: <object data="file.pdf" type="application/pdf"><a href="file.pdf">Download PDF</a></object>. Om webbläsaren inte kan återge PDF-filen direkt visas i stället nedladdningslänken. Reservinnehåll är den främsta fördelen med object jämfört med embed.

Bädda in PDF-filer med object eller embed: <object data="doc.pdf" type="application/pdf" width="100%" height="600">. Webbläsarstödet varierar — Chrome och Firefox återger PDF-filer direkt, medan andra webbläsare kan visa en fråga om nedladdning. Tillhandahåll en reservlänk.

För att bädda in HTML-dokument: föredra iframe, som är utformat för detta och har en tydlig säkerhetsmodell. För mediaplugin: använd embed (äldre Flash och SVG-återgivning). För dokument med reservinnehåll: använd object. I modern utveckling hanteras de flesta användningsfall för plugin av inbyggda HTML5-element (video, audio, canvas).

Både embed och object kan köra plugin-innehåll (historiskt Flash), vilket utgör en stor attackyta. Moderna webbläsare har tagit bort stödet för plugin. Bädda endast in betrott innehåll. Innehåll i embed eller object från ett annat ursprung kan inte skriptas på samma sätt som innehåll från samma ursprung.

Bädda in SVG med object: <object data="image.svg" type="image/svg+xml" width="200" height="200">. Till skillnad från ett img-element kan SVG i object köra egna skript och reagera på extern CSS (om ursprunget är samma). Använd detta för interaktiva SVG-bilder när infogad SVG är opraktisk.

Skicka parametrar till ett object-plugin med nästlade <param name="autoplay" value="true">-element. Detta var standardsättet att konfigurera Flash-objekt. Modern användning är ovanlig eftersom webbläsare har tagit bort stödet för plugin.

object kan användas tillsammans med usemap för att skapa bildkartor — klickbara områden på en inbäddad bild. Definiera områdena i ett <map>-element med <area>-element som underordnade element. Modern SVG med href på elementen är ett bättre tillvägagångssätt för interaktiva bildområden.

Lägg till attributet title i både embed och object så att de kan identifieras av skärmläsare. object accepterar aria-label. Inget av elementen tillhandahåller den omfattande tillgänglighetssemantik som inbyggda HTML5-element erbjuder. För medieinnehåll är inbyggda video- och audio-element med undertexter alltid att föredra.

embed och object är till stor del föråldrade element. Deras huvudsakliga användningsfall (Flash) har försvunnit. Giltiga användningsområden i dag är infogade PDF-dokument (med reservinnehåll), inbäddning av interaktiv SVG och äldre innehåll som inte kan moderniseras. Nya projekt bör föredra inbyggda HTML5-element för alla mediebehov.

embed och object är föråldrade element för att bädda in annat innehåll än HTML. object föredras när reservinnehåll behövs. Båda accepterar MIME-typsangivelser och kan skicka parametrar. Moderna motsvarigheter (video, audio, canvas och infogad SVG) föredras i nya projekt. PDF-inbäddning via object är fortfarande ett vanligt användningsfall, med iframe som alternativ.