Skip to main content Skip to navigation

Relative and absolute links

There are two methods to specify a link to another file or web page: Relative links, and Absolute links.

Relative links

A relative link specifies the path from the current page to the target. It looks something like:

../../pages/

Use relative links within your website and to link to other Warwick sites in Sitebuilder.

Tip: Selecting a link target using link pickers will automatically insert relative links.

Relative links help to reduce the risk of broken links. As they're based on your current page's location relative to the target page, renaming pages above the target do not invalidate the link.

For example, if your site has the structure in the diagram below, and you want to link from about to news:

Diagram of an example web site structure

The relative path indicated by the black arrows is ../news/.

Tip: Use ../ to move up a level in the site structure, and ./ to move down. For example, to go from about to Home in the structure above, you only need to enter ../ as the address. To link from study to page c, enter ./c/.

Absolute links

An absolute link uses the full URL of the target page or file. For example:

https://warwick.ac.uk/services/its/servicessupport/web/sitebuilder2/faqs/

Use absolute links when you link to pages or files on external sites.

Related articles