inbäddningstaggar

Inbäddningstaggar, eller inbäddningsetiketter, är HTML-element som används för att integrera externa resurser eller medier i en webbplats. Genom inbäddning kan en sida visa bilder, videor, ljud, kartor eller hela dokument från andra källor utan att länka bort användaren. Dessa taggar gör det möjligt att arbeta med innehåll utanför dokumentstrukturen samtidigt som de behåller kontrollen över hur innehållet visas.

Vanliga inbäddningstaggar inkluderar img för bilder, video och audio för multimedia, samt iframe för att bädda in hela dokument eller applikationer från tredje part. För särskilda format används även embed och object. Var och en har typiska attribut: img använder src och alt (plus höjd och bredd), video och audio stödjer kontroller och olika källor via source-taggar, medan iframe framför allt kräver src och storlek men kan få sandbox- och allow- attribut. Embed och object används när externt innehåll kräver plugin-likt användande eller särskilda medietyper; deras fall varierar beroende på browser och resurs.

Bästa praxis omfattar att välja rätt tagg utifrån innehållstyp, tillgänglighet och säkerhet. Lägg till beskrivande alt-text för bilder och textalternativ för media när det behövs, ge titel eller aria-label för iframes, och se till att innehållet är tillgängligt (till exempel med undertexter och transkript). Säkerhetsaspekter inkluderar att använda sandbox-ramar på iframes, konsekventa användningar av HTTPS, och överväga Content Security Policy för att begränsa vilka källor som får laddas. För prestanda kan man använda loading="lazy" där det är lämpligt och göra innehållet responsivt med CSS, till exempel genom att använda en behållare eller aspect-ratio.