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ørrelsesdata som øyeblikkelig 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 det skje. Dette vil påvirke nettstedstrafikken.
HTML inline -bilder er hentet fra serveren til 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. Disse er ALT, ALTION og ISMAP.
ALT -attributtet gir et inline bildetekstalternativ. Så i tilfelle seerens 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 en dekorativE Bilde, det er ikke nødvendig å gi alternativ tekst for det. Derfor kan ALT -attributtverdien være tom.
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. Hvis det for eksempel er et inline -bilde som viser jord og Saturn, kan det å klikke på jorden føre til informasjon om jorden og klikke på Saturn føre til informasjon om Saturn.
I motsetning til ALT- og Align -attributtene, fungerer ISMAP -attributtet ikke bare inkludering i IMG -taggen. Det krever litt konfigurasjon utført på serveren. En viss mengde programmeringskunnskapDGE kan også være nødvendig.