Hvad er et inline-billede?
Et inline-billede er et grafisk billede, der indsættes på en webside for at tilføje visuel appel, give information eller for at repræsentere et hyperlink. Inline-billeder er normalt i GIF-, JPEG- eller PNG-formater. De integreres i en webside ved hjælp af data-URI-skemaet.
Data-URI'er tillader indlejring af data i lille størrelse, som øjeblikkeligt kan hentes af browseren. Inline-billeder hentes af browseren sammen med HTML og vises som en del af webdokumentet. For at browseren skal kunne hente og vise billederne uden for meget tid og besvær, tilrådes det at bruge små størrelse inline-billeder.
Større billeder vil bremse indlæsningstiden og få webstedet til at tage lang tid på at vises på skærmen. De fleste webbesøgere har ikke tålmodighed til at hænge rundt for at se, at det sker. Dette vil påvirke webstedstrafikken negativt.
HTML-inline-billeder hentes fra serveren på det websted, hvor de skal vises, eller inkluderes fra andre eksterne servere. Brug af inline-billeder fra eksterne kilder er et spørgsmål om strid, da dette kan gøres uden tilladelse. Img-mærket bruges til at indsætte inline-billeder i afsnit og overskrifter på websiden. Img-tagget kan ikke bruges i en fritflydende form. Det skal lukkes inde i et andet element.
Den påkrævede attribut for img-mærket er src-attributten. Src-attributten specificerer webadressen eller URL'en, hvorfra browseren kan hente billedfilen. Bortset fra src-attributten kan HTML-inline-billeder defineres af tre valgfri attributter. Disse er alt, juster og ismap.
Alt-attributten giver et inline billedtekstalternativ. Så hvis seerens browser ikke understøtter grafik, vil seeren se teksten i stedet for billedet. Det anbefales stærkt at bruge alt-attributten.
Værdien for attributten alt kan være en tom streng. For eksempel, hvis der er et dekorativt billede, er det ikke nødvendigt at give alternativ tekst til det. Derfor kan værdien for alt attributtet efterlades tom.
Inline-billedstilen kan indstilles med attributten Align. Align-attributten fortæller browseren, hvor det indbyggede billede skal vises i forhold til teksten på websiden. Det indlagte billede kan justeres med toppen, midten eller bunden af den tilstødende tekst på websiden.
Med ismap-attributten kan et inline-billede markeres som et aktivt billedkort. Dette betyder, at forskellige dele af billedet kan fås til at producere forskellige handlinger, når nogen klikker på de forskellige dele. For eksempel, hvis der er et inline-billede, der viser Jorden og Saturn, kan det at klikke på Jorden føre til information om Jorden og klikke på Saturn muligvis føre til oplysninger om Saturn.
I modsætning til alt og justere attributter fungerer ismap-attributten ikke ved blot at blive inkluderet i img-mærket. Det kræver en vis konfiguration udført på serveren. En vis mængde programmeringskendskab kan også være påkrævet.