We use cookies to enhance your experience on our website. By continuing to use our website, you are agreeing to our use of cookies. You can change your cookie settings at any time. Find out more

Hyperlink standard

This is a link

<a href="/">This is a link</a>

Hyperlink external

Don’t force links to open in new tabs as it breaks the back button. Let the user decide.

External links should be descriptive e.g (PDF) or ‘buy this book on Amazon’

Images and headings should not be links unless they have the same functionality throughout the site.

If you link to another website, you should use rel=”noopener”.

This is an external link

<a rel="noopener" href="http://amazon.co.uk">This is an external link</a>

Document links

Don’t include file type text as this is added by the CSS.

This is a pdf file
This is a word file
This is a word file

<a href="http://file.pdf">This is a pdf file</a>
<a href="http://file.doc">This is a word file</a>
<a href="http://file.docx">This is a word file</a>