Hva er alt tekst og hvorfor det betyr noe i HTML?

Bilder spiller en betydelig rolle i enhver applikasjon. De brukes til å forbedre nettstedets appell og attraktivitet. Hva om internettforbindelsen din bremser og ønsket bilde ikke klarer å laste opp? Deretter skal det vises på skjermen i stedet for bildet? I et slikt scenario tillater HTML oss å bruke attributtet “alt”I HTML -elementet.

Denne studien vil guide deg om hva alt -tekst er og hvorfor det betyr noe i HTML.

Hva er en ALT -tekst i HTML?

Noen ganger når vi blar gjennom et nettsted, vises en liten tekst når bildet ikke nedlastes. Denne HTML -komponenten er kjent som “alt”Tekst, beskrivelse eller alternativ tekst. Det er en attributt tilknyttet taggen til HTML.

Syntaks

For å bruke ALT -teksten i HTML, følg den gitte syntaks:

Beskrivelsen av ovennevnte syntaks er listet opp nedenfor:

• “src”: Denne attributtet brukes til å spesifisere banen til kildebildet.
• “alt”: Er den alternative teksten.

Hvorfor er ALT -tekst viktig i HTML?

ALT -teksten er viktig av mange grunner. Noen av dem er listet opp nedenfor:

• For bedre tilgjengelighet på websiden er det bedre å bruke ALT-tekst, da det hjelper brukere som er svaksynte til å høre bildebeskrivelsen ved å bruke tredjepartsapplikasjoner.
• I stedet for bildet vises verdien av ALT -tekstattributtet. Dette er gunstig når brukerne opplever lave båndbreddeforbindelser.
• ALT -teksten bidrar også til rangering av websiden i Googles øyne. Det gir ikke bare beskrivelse, men gir også mening til det, noe som kan være nyttig for generell nettstedstrafikk.

Hva er den beste fremgangsmåten med ALT -tekst i HTML?

Noen av de beste praksisene som bruker ALT -tekst til nettstedet ditt er listet opp nedenfor:

• Ikke begynn alt -teksten med "bilde av”Eller“bilde av”Ord.
• Begrens ALT -tekst til 130 tegn eller mindre.
• Husk SEO.
• Være presis.

Eksempel 1: God og dårlig ALT -tekst i HTML

La oss ta et eksempel og sjekke hvilken type alternativ tekst som skal vises i stedet for bildet:

Her har vi uttalt den dårlige og gode alternative teksten for HTML:

• Dårlig alt tekst: Mountain Steps Purple Flowers.
• God ALT -tekst: Trinn omgitt av lilla blomster mot det snødekte fjellet.

Det kan observeres at den dårlige ALT -teksten ikke er en beskrivelse; snarere er det bare en liste over ord. Til sammenligning beskriver den gode alt -teksten informasjonen om bildet.

Eksempel 2: Hvordan legge til ALT -tekst til HTML -elementet?

La oss demonstrere konseptet med å legge til ALT -tekst ved hjelp av et eksempel.

Html

I HTML -filen, først, legg til en beholder som holder elementet. Dette elementet er assosiert med SRC- og ALT -attributtene:

Lagre HTML -filen, og websiden vil vise bildet som følger:

La oss si at dette bildet ikke har lastet opp, eller at vi feilaktig har lagt til feil vei til bildet i HTML -filen vår. Deretter vises den spesifiserte ALT -teksten i stedet for bildet:

Slik kan du legge til ALT -tekst i bildet vårt ved å bruke “alt”Attributt i taggen.

Konklusjon

HTML tillater oss å bruke bilder til webapplikasjonen vår. Men noen ganger opplever brukeren en lav båndbreddeforbindelse, og bildet kan ikke laste opp til applikasjonen. I en slik situasjon, "alt”Attributt med tag viser alternativ tekst når bildet ikke har vises. Denne artikkelen forklarte ALT -attributtet til HTML -elementet.