Hva er et inline -bilde?

Et inline -bilde er et grafisk bilde som settes inn på en webside for å legge til visuell appell, gi informasjon eller for å representere en hyperkobling.Inline -bilder er vanligvis i GIF-, JPEG- eller PNG -formater.De er innlemmet i en webside ved hjelp av Data URI -ordningen.

Data URIer tillater innebygging av små størrelser som umiddelbart kan hentes av nettleseren.Inline -bilder hentes av nettleseren sammen med HTML og vises som en del av nettdokumentet.For at nettleseren skal kunne hente og vise bildene uten for mye tid og problemer, anbefales det å bruke små størrelsesbilder.

Større bilder vil bremse lastetiden, og føre til at nettstedet tar lang tid å vises på skjermen.De fleste nettbesøkende har ikke tålmodighet til å henge rundt for å se at det skjer.Dette vil påvirke nettstedstrafikken.

HTML inline -bilder er hentet fra serveren på nettstedet der de skal vises, eller inkludert fra andre eksterne servere.Å bruke inline bilder fra eksterne kilder er et spørsmål om strid, da dette kan gjøres uten tillatelse.IMG -taggen brukes til å sette inn inline bilder i avsnitt og overskrifter på websiden.IMG-taggen kan ikke brukes i en fritt flytende form.Det må lukkes i et annet element.

Den nødvendige attributtet til IMG -taggen er SRC -attributtet.SRC -attributtet spesifiserer nettadressen eller URL -en som nettleseren kan hente bildefilen fra.Bortsett fra SRC -attributtet, kan HTML inline -bilder defineres av tre valgfrie attributter.Dette er ALT, Align og ISMAP.

ALT -attributtet gir et inline -bildestekstalternativ.Så i tilfelle seerne nettleser ikke støtter grafikk, vil seeren se teksten i stedet for bildet.Å bruke ALT -attributtet anbefales på det sterkeste.

ALT -attributtverdien kan være en tom streng.For eksempel, hvis det er et dekorativt bilde, er det ikke nødvendig å gi alternativ tekst for det.Derfor kan ALT -attributtverdien være tom.

Den inline bildestilen kan settes med Align -attributtet.Align -attributtet forteller nettleseren hvor inline -bildet må vises i forhold til teksten på websiden.Inline -bildet kan justeres med toppen, midten eller bunnen av den tilstøtende teksten på websiden.

Med ISMAP -attributtet kan et inline -bilde merkes som et aktivt bildekart.Dette betyr at forskjellige deler av bildet kan gjøres for å produsere forskjellige handlinger når noen klikker på de forskjellige delene.For eksempel, hvis det er et inline -bilde som viser jord og Saturn, kan klikk på jorden føre til informasjon om jord og klikke på Saturn kan føre til informasjon om Saturn.

I motsetning til ALT- og Align -attributtene, fungerer ISMAP -attributtet ikke avBare inkludering i IMG -taggen.Det krever litt konfigurasjon utført på serveren.Det kan også være nødvendig med noe programmeringskunnskap.