Vad är en inline -bild?

En inline -bild är en grafisk bild som infogas i en webbsida för att lägga till visuell överklagande, ge information eller för att representera en hyperlänk.Inline -bilder finns vanligtvis i GIF-, JPEG- eller PNG -format.De är integrerade i en webbsida med hjälp av data URI -schemat.

Data URI tillåter inbäddning av små storlekar som direkt kan hämtas av webbläsaren.Inline -bilder hämtas av webbläsaren tillsammans med HTML och visas som en del av webbdokumentet.För att webbläsaren ska kunna hämta och visa bilderna utan för mycket tid och problem, är det tillrådligt att använda små storlekar inline-bilder.

Större bilder skulle bromsa laddningstiden och få webbplatsen att ta lång tid att visas på skärmen.De flesta webbbesökare har inte tålamod att hänga för att se det hända.Detta skulle påverka webbplatstrafiken negativt.

HTML inline -bilder kommer från servern på webbplatsen där de ska visas eller inkluderas från andra externa servrar.Att använda inline -bilder från externa källor är en fråga om strid eftersom detta kan göras utan tillstånd.IMG -taggen används för att infoga inline -bilder i stycken och rubriker på webbsidan.IMG-taggen kan inte användas i en fritt flytande form.Det måste vara inneslutet i ett annat element.

Det erforderliga attributet för IMG -taggen är SRC -attributet.SRC -attributet anger webbadressen eller URL från vilken webbläsaren kan hämta bildfilen.Bortsett från SRC -attributet kan HTML Inline -bilder definieras av tre valfria attribut.Dessa är alt, justering och ismap.

Alt -attributet ger ett inline bildtextalternativ.Så om tittarna webbläsare inte stöder grafik kommer tittaren att se texten i stället för bilden.Att använda ALT -attributet rekommenderas starkt.

ALT -attributvärdet kan vara en tom sträng.Om det till exempel finns en dekorativ bild är det inte nödvändigt att tillhandahålla alternativ text för den.Därför kan Alt -attributvärdet lämnas tomt.

Inline -bildstilen kan ställas in med anpassningsattributet.Align -attributet berättar webbläsaren där inline -bilden måste visas i förhållande till texten på webbsidan.Inline -bilden kan anpassas till den övre, mitten eller botten av den intilliggande texten på webbsidan.

Med ISMAP -attributet kan en inline -bild markeras som en aktiv bildkarta.Detta innebär att olika delar av bilden kan göras för att producera olika åtgärder när någon klickar på de olika delarna.Om det till exempel finns en inline -bild som visar jord och Saturnus kan klicka på jorden leda till information om jorden och klicka på Saturnus kan leda till information om Saturn.

Till skillnad från alt- och justeringsattributen, IsMap -attributet fungerar inte efterEnbart inkludering i IMG -taggen.Det kräver en viss konfiguration på servern.En del mängd programmeringskunskap kan också krävas.