Absolutte og relative referanser for HTML5 og CSS3 programmering - dummies

Det er mer enn én type adresse når du programmerer i HTML5 og CSS3. Du er sikkert kjent med absolutte referanser, som brukes til lenker til eksterne sider. En annen form for referanse - en relativ referanse - knytter sammen flere sider på ditt eget nettsted.

Absolute referanser

Den type kobling som brukes i basicLinks. html er en absolutt referanse. Absolutt referanser begynner alltid med protokollnavnet. En absolutt referanse er den komplette adressen til en nettside, akkurat som du vil bruke i nettleserens adressefelt. Absolutt referanser brukes til å referere til et nettsted et annet sted på Internett.

Selv om nettstedet ditt beveger seg (fra skrivebordsmaskinen til en webserver et sted på Internett), vil alle de absolutte referansene fungere bra fordi de ikke stoler på den nåværende sidenes posisjon for noe informasjon.

Relative referanser

Relative referanser brukes når nettstedet ditt inneholder mer enn én side. Du kan velge å ha flere sider og en lenke mekanisme for å flytte blant dem.

Siden er ikke så interessant alene, men det er ikke ment å stå alene. Når du klikker på en av koblingene, går du til en helt ny side. Her er hva som skjer når du klikker på markedslinjen.

Markedssiden er ganske enkel, men den inneholder også en lenke tilbake til startsiden. De fleste nettsteder er ikke enkelt sider, men en sammenkoblet nettside. Den relative referansen er veldig nyttig når du har et sett med sider med interlacing-linker.

Koden for griser. html viser hvordan relative referanser fungerer:

griser. html

Destinasjoner av svinedyr

Denne lille grisen gikk på markedet
Denne lille grisen bodde hjemme.
Denne lille grisen hadde roastbiff.
Denne lille grisen hadde ingen.
Denne lille grisen gikk "wee wee wee" hele veien hjem.

Det meste av koden er helt kjent. Det eneste som er overraskende er det som er ikke der. Ta en nærmere titt på et av linkene:

hjem.

Det er ingen protokoll (delen) og ingen adresse i det hele tatt, bare et filnavn. Dette er en relativ referanse. Relative referanser fungerer ved å anta adressen til den aktuelle siden. Når brukeren klikker, ser nettleseren ingen protokoll, så det antar det markedet. html er i samme katalog på samme server som.

Relative referanser fungerer som retninger. For eksempel, hvis du er i et laboratorium og spør hvor vannfontenen er, kan noen si: "Gå ut i gangen, ta til venstre, og ta til venstre igjen på slutten av neste gang."Disse retningene kommer deg til vannfontenen hvis du starter på rett sted. Hvis du er et annet sted, og du følger disse retningene, vil du ikke finne vannfontenen.

Relative referanser fungerer bra når du har en rekke sammenkoblede nettsider. Hvis du lager mange sider om samme emne og legger dem i samme katalog, kan du bruke relative referanser mellom sidene. Hvis du bestemmer deg for å flytte sidene dine til en annen server, fungerer alle koblingene fortsatt riktig.

Det er ofte mest hensiktsmessig å opprette og modifisere sidene dine på den lokale maskinen og deretter sende dem til webserveren for at verden skal se. Hvis du bruker relative referanser, er det enkelt å flytte en gruppe sider sammen og vite at koblingene fortsatt vil fungere.

Hvis du henviser til en side på andres nettsted, må du bruke en absolutt referanse. Hvis du kobler til en annen side på nettstedet ditt, bruker du vanligvis en relativ referanse.