Absolute and Relative File Paths

As simple example from my forum:

http://forum.classicremedy.com/
the image is in
/public_html/forum/classicRemedy/images/ads/
the path start with /public_html/ not /home1/mareifam/
to get to the images type


----------------------------------

When you embed an image or a link in a webpage, you can use an absolute path or a relative path in your HTML syntax.

Absolute Path

These are absolute server paths, they are relative in regards to your http document directory:

/flowers.html

/inventory/flowers.html

This absolute path is relative in regards to the world wide web:

http://yourdomain.net/flowers.html

Relative Path

The following example is relative to a file residing in the same directory:

vases.html

This relative path points to a file one directory back:

../vases.html

More Examples:

The absolute path to the main page of a typical website would be:

http://yourdomain.com/index.html

A page residing in http://yourdomain.com/inventory/flowers.html that links to your home page would use one of these absolute paths:

http://yourdomain.com/index.html

/index.html

/

The last two examples are absolute server paths, you may think of the first forward slash in these paths as representing your domain.
Note: Your main page must be named "index" but may bear any of the following file extensions: index.shtml, index.htm, index.html, index.shtm, index.php, index.cgi..., in each case using the absolute server path : / would send you to the home page.

If your html file is in /homes/redhome.html and your image file is in /images/redhome.jpg you can embed the image into the page redhome.html using an absolute path to the file:



A relative path to the same file would be:



With an absolute path, it doesn't matter where the html file calling the other file resides.
You may place redhome.html in: /pages/redhome.html and embed the image as:



With a relative path, if you place redhome.html in: /pages/redhome.html, and embed the image as:

(a relative path)

then your image file will not load. This is because redhome.html is looking for /pages/images/redhome.jpg, which does not exist.
Paths used in links work in the same manner as those used in images. For example, imagine redhome.html is in /homes/redhome.html, and it contains a relative link to bluehome.html. This link would appear as:



If you move your redhome.html file to some other directory within your website then the link will no longer work. This is because, by asking for a file via a relative link, you are telling the user agent, the browser, that the file you have created a link to is located within the same directory as that of the calling file.

Problems Using Absolute Paths with SSL

If you are borrowing use of an SSL certificate, such as the one provided free of charge to Internet Connection customers, when a webpage changes from http protocol to https (SSL), if you embed any images by absolute paths without domain names (/images/o.jpg), they will be broken.
If you embed images with full URL absolute paths (http://yourdomain.com/images/o.jpg), the images will show up, but the user will get warning messages that the page is a mix between secure and non-secure items.

On web pages that make transitions between http and https, one should use relative paths to avoid these problems.
http://support.internetconnection.net/TECHNICAL_REFERENCE/THE_WWW/Absolute_and_Relative_File_Paths.shtml