Absolutte og Relative Stier

Der findes flere forskellige måder, at angive adressen til filer på. Hvilken du skal bruge afhænger af omstendighederne.

2133 visninger

Edited: 2017-07-11 11:24

Der findes flere metoder til at angive placeringer på, hvoraf nogle af dem er: Absolutte, Root Relative, og Relative. Hvilken en du skal benytte, afhænger mest af omstændighederne. Det anbefales generelt at man bruger de såkaldte root relative stier, da man så ikke behøver ændre på dem, hvis man senere skifter domæne eller internet protokol.

Det er meget almindeligt at en nybegynder vil indsætte billeder i en editor, oftest WYSIWYG editor, for så kun at opdage, at billederne ikke bliver vist, når de uploader siden til deres udbyder. Årsagen kan være, at deres editor benytter den absolutte adresse til billederne, som vil henvise til en lokal placering.

Absolutte Stier

En absolut sti til et billede skrives oftest på følgende måde:

http://beamtic.com/images/billede.png

Hvis derimod man bruger WYSIWYG editor, så kan man godt blive udsat for, at editoren bruger de lokale adresser, hvilket ikke virker når siden bliver uploadet.

c:\Min-hjemmeside\images\billede.png

Det kan derfor være en fordel at bruge relative stier, hvis du laver dine sider offline. Det er noget andet med et CMS system, fordi du ofte bare vil uploade billeder direkte fra CMS systemet, som så selv tager sig af adresserne og placeringerne.

Root Relative Stier

Root relative stier, er relative til roden på dit domæne. Dvs. Rootbeamtic.com vil svare til:

http://beamtic.com/

Ligesom det vil svare til nedenstående for et subdomæne:

http://www.beamtic.com/

Man kan angive en sti relativt fra roden på et domæne, det kan gøres ved at indsætte en skråstreg "/" foran stien.

/images/billede.png

Relative Stier

Relative stier tager udgangspunkt i samme mappe, hvor den linkende side er placeret. Hvis du linker fra en side som er placeret i roden, skal du bare angive stien som vist nedenfor:

images/billede.png

Man kan også gå tilbage ved hjælp af 2 punktummer og en skråstreg, hvis du linker fra en side som er placeret i en mappe.

../Side-I-Roden.html

Hver gang mappens placering bliver dybere, skal du bruge endnu et sæt punktummer. Så hvis du linker fra mappe/mappe/Side.html skal du bruge 2 sæt punktummer.

../../Side-I-Roden.html

Fortæl os hvad du tænker:

  1. Der er flere måder at indsætte billeder på i HTML, her kan du læse om nogle af dem.
  2. Sådan styrker du dit design med hover-effekter i CSS.
  3. Når man laver links i HTML er der en række overvejelser man bør gøre sig, læs hvilke her i artiklen.
  4. Hvordan man skriver nyttige kommentarer, når man koder HTML.
  5. GDPR.. Fra notifikationer til indholds-blokerende popups og cookie-walls.

Flere i: Webdesign