Ugyldig kode: Hva betyr href = "#"?

Når du ser href = "#" i live-kode på en webside, betyr det at personen som skrev siden har gjort en feil. Du skal aldri se href = "#" i den faktiske kildekoden til en webside, fordi # i seg selv faktisk er ugyldig og meningsløs.

Hver gang du knytter JavaScript til en lenke, enten det er sånn eller bruker et beskjedende tilsvar, må du alltid ta hensyn til de som uansett årsak ikke har JavaScript aktivert. De returner falsk på slutten av eksemplet ovenfor forhindrer jeg at href faktisk brukes hvis Javascript kjører, men href er fortsatt det som vil brukes hvis JavaScript av en eller annen grunn ikke kjører. Href må derfor inneholde en faktisk gyldig verdi basert på hvor du vil at lenken skal ta folk som ikke har JavaScript tilgjengelig. Siden personen som skrev JavaScript for deg ikke vet hvor du vil at disse menneskene skal bli tatt, har de nettopp satt inn et # i koden der du trenger å erstatte den virkelige adressen.

instagram viewer

En # er gyldig i et href-attributt forutsatt at det ikke er det eneste tegnet i verdien. Når # blir fulgt av tilleggstegn, er disse tilleggstegnene verdien til en ID-attributt andre steder i gjeldende webside og siden vil hoppe for å vise taggen som inneholder den IDen så nær toppen av nettleseren som mulig synsfeltet. For eksempel vil hoppe til

Et #-tegn er ikke gyldig som det siste tegnet på href, siden det innebærer at du vil hoppe til en ID på siden, men verdien til ID-en du vil hoppe til, har ikke blitt spesifisert. Handlingen nettleseren skal utføre i det tilfellet er udefinert, men de fleste vil ganske enkelt hoppe tilbake til toppen av denne siden.

Så hva gjør du hvis JavaScript du vil legge ved, er slik at det ikke er noe alternativ for dem uten JavaScript? Vel, i så fall vil du ikke ha de uten Javascript å se lenken i det hele tatt, siden hvis den er synlig for dem, vil noen av dem klikke på den, og du har ikke noe du vil at det skal gjøre for dem, og det vil bare være forvirrende. Løsningen er derfor å sikre at lenken bare er synlig for de med JavaScript aktivert, og måten å gjøre det på er å legge til lenken på websiden ved hjelp av JavaScript.

instagram story viewer