What is the difference between Relative and Absolute paths in Aspnet MVC?

Question

This relative and absolute paths always confuse me. i want to know how and where to use them in Asp Net MVC.

For Ex- If i want to use a img tag-

img src="@Url.Content("~/Content/themes/base/images/logo.png")" alt="Koiak Basic Site" />

img src="/Content/themes/base/images/logo.png" alt="Koiak Basic Site"/> 

Kindly explain the difference between both of them

Answer 1

Absolute Path:

An absolute URL path. An absolute URL path is useful if you are referencing resources in another location, such as an external Web site.

<img src="http://www.contoso.com/MyApplication/Images/SampleImage.jpg" />

Relative Path:

A site-root relative path, which is resolved against the site root. Site-root relative paths are useful if you keep resources that are used throughout the site, such as images or client script files, in a folder that is located under the Web site root.

The following example path assumes that an Images folder is located under the Web site root.

<img src="/Images/SampleImage.jpg" />

For More Refer: http://msdn.microsoft.com/en-us/library/ms178116.aspx

Coming to your Question:

<img src="@Url.Content("~/Content/themes/base/images/logo.png")" alt="Koiak Basic Site" />

Here because of using "~".It adds "server" path(i.e; your application path)" to your url. That means it takes img src as "yourapplicationPath/Content/themes/base/images/logo.png"

<img src="/Content/themes/base/images/logo.png" alt="Koiak Basic Site"/>

Here it takes as it is. i.e;"/Content/themes/base/images/logo.png"

For more refer this:

why use @Url.Content

http://digitalzoomstudio.net/2012/04/01/what-is-the-difference-between-absolute-and-relative-paths-urls/

What is the difference between / and ~/ relative paths?