Skip to main content

Relative and absolute links

There are two methods of specifying links to other web pages: first, using the relative path. This is the path or route to the page from your current location and should be used for any links within your site or to other SiteBuilder sites. Second, using the absolute path. This is the full URL or web address for the site and it is this path that you will need to use if you are linking to any external web sites.

Using relative paths is much more efficient and has the advantage that if a page above the page that we are linking to is renamed, the link will not be broken.

The relative path is constructed based on where we are relative to the page that we are linking to and we need to bear in mind the structure of the site.  Let's look at an example.

Relative links example

If this was the structure of our site, the relative path to create a link from the About page to the News page would be:

../news/

Note:  For relative links, the 'http://' or 'www.warwick.ac.uk' is not included.  Links also work much better if you remember to put a trailing slash after them. You don't see a direct effect, but it makes the page more searchable and improves the time taken to display your pages and so is a good habit to adopt.