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 er indarbejdet på en webside ved hjælp af Data URI -ordningen.
Data URI'er tillader indlejring af data i små størrelser, der øjeblikkeligt kan hentes af browseren. Inline -billeder hentes af browseren sammen med HTML og vises som en del af webdokumentet. For at browseren skal være i stand til at hente og vise billederne uden for meget tid og problemer, tilrådes det at bruge små størrelsesbilleder.
Større billeder ville bremse belastningstiden og få stedet til at tage lang tid til at vises på skærmen. De fleste webbesøgende har ikke tålmodigheden til at hænge rundt for at se det ske. Dette ville have negativ indflydelse på stedtrafikken.
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-mærket kan ikke bruges i en fritflydende form. Det skal lukkes inde i et andet element.
Den krævede attribut for IMG -mærket er SRC -attributten. SRC -attributten specificerer den webadresse eller URL, hvorfra browseren kan hente billedfilen. Bortset fra SRC -attributten kan HTML -inline -billeder defineres af tre valgfri attributter. Disse er alt, justering og ismap.
ALT -attributten giver et inline -billedtekstalternativ. Så i tilfælde af at seerens browser ikke understøtter grafik, vil seeren se teksten i stedet for billedet. Brug af Alt -attributten anbefales stærkt.
ALT -attributværdien kan være en tom streng. For eksempel, hvis der er en dekorativE -billede, det er ikke nødvendigt at give alternativ tekst til det. Derfor kan ALT -attributværdien efterlades tom.
Den inline billedstil kan indstilles med justeringsattributten. Alignattributten fortæller browseren, hvor det inline -billede skal vises i forhold til teksten på websiden. Inline -billedet 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 laves for 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 klik på Saturn kan føre til information om Saturn.
I modsætning til ALT og ALIGN -attributterne fungerer ISMAP -attributten ikke ved blot inkludering i IMG -mærket. Det kræver en vis konfiguration udført på serveren. En vis mængde programmeringskendskabDGE kan også være påkrævet.