Links Explained

This is a TUTORIAL on explaining the three different types of links that are used in our system.

The links have different purpose and are used in different scenarios. Here's the explanation, so that you can make the right choice in which link to use.

Root-Relative Links

  • This is the commonly used link type in our system and works for most situations. A root relative link looks like this /path/file.ext.

  • Notice that the initial / (Forward slash) at the start of the link. It is important to have this if you are want the link to be the root-relative link.

  • The purpose of having the initial forward slash at the start of the link is to notify the system that the link points to start at the root of the website.

  • If you have a file (lets say file.ext) in the upload folder in our system, then you would use something like this: /clientinc/upload/file.ext.

  • It is starting at the root of the website, then goes through the clientinc folder, then through upload folder, then looks for the file "file.ext".

Absolute Links

  • Absolute Links: These types of links are not used as much in our systems, but are very handy to use when linking externally.

  • What does externally mean? Externally means, 'outside of your website'. Linking to an image is an excellent example. Imagine you have a image on another website you have and want it on your INS MLM system by directly linking to it. This is easy; all you need is the absolute link.

  • What is the absolute link? This is the link that you would use in a browser to get to that file. Say, http://www.yourwebsite.com/path/image.jpg

  • Note: When adding absolute links in the web-editor for designing purpose, it is good practice to use the HTML tab in the web-editor for linking purposes, instead of using the editor interface to add the link. This ensures that the web-editor does not assume the link needs tailoring, ect.

Relative Links

  • These are very similar to Root-relative links with only one difference. Relative links are paths relative to the current directory you are in.

  • For example, if you are on a page at http://www.website.com/dir1/dir2/page.html and you want to link to another page in the same directory, lets say, in this example the page you want to link to is page2.html. You do not need to add any forward slashes. You can use page2.html as the link. If you wanted to visit a page that was situated in dir1 then you would use the link ../../page.html.

  • What does "../" mean? This means, go to the parent folder of the current folder you are in. So in this case we are in dir1/dir2/page.html. Hence, in order to, get to the page in dir1, we need to go back 2 directories to access the page hence why we use two "../".

Remember that this is just a quick tutorial, so that you get familiar with the types of links. There are plenty in-depth documents out there on the internet, that can help you get a better grasp of how the link types work. But for now, this should be sufficient to get you using our system better.