HTML filväg

Sökväg Beskrivning
<img src="picture.jpg"> picture.jpg ligger i samma katalog som den aktuella webbsidan
<img src="images/picture.jpg"> picture.jpg ligger i mappen "images" i den aktuella katalogen
<img src="/images/picture.jpg"> picture.jpg i mappet för "images" i den aktuella webbplatsens rootmapp
<img src="../picture.jpg"> picture.jpg ligger i den övre katalogen till den aktuella katalogen

HTML filväg

Filvägar beskriver platsen för en fil i webbplatsens mappstruktur.

Filvägar används när man länkar externa filer:

  • Webbsidor
  • Bilder
  • Stilark
  • JavaScript

Absolut filväg

Absolut filväg är en fullständig URL som pekar på en internettillgång:

Exempel

<img src="https://www.codew3c.com/images/picture.jpg" alt="blomma">

<img>-taggen samt src och alt-egenskaperna beskrivs i HTML-images-kapitlet.

Relativa sökvägar

Relativa sökvägar pekar på filer i förhållande till den aktuella sidan.

I detta exempel pekar filvägen på en fil i images-mappen som ligger i webbplatsens rotkatalog:

Exempel

<img src="/images/picture.jpg" alt="blomma">

I detta exempel pekar filvägen på en fil i images-mappen som ligger i den aktuella mappen:

Exempel

<img src="images/picture.jpg" alt="blomma">

I detta exempel pekar filvägen på en fil i images-mappen som ligger en katalog upp från den aktuella mappen:

Exempel

<img src="../images/picture.jpg" alt="blomma">

Bra vanor

Användning av relativa sökvägar är en bra vana (om möjligt).

Om du använder relativa sökvägar kommer din webbsida inte att binda till den aktuella bas-URL:en. Alla länkar kommer att fungera normalt på din dator (localhost) eller i framtida offentliga domäner.