Understand Web site-Essential contraindications vs . Document-Relative Net Hyperlinks

The documentation in the Dreamweaver HTML Layout Editor software deal talks about two distinctive types of relative backlinks in HTML, but the ideas are relevant to any net web page with or without Dreamweaver. The two kinds of relative hyperlinks are:

Web site-Relative. The address of the hyperlink is relative to the total internet site.
Doc-Relative The handle of the hyperlink is relative to the tackle of the document the website link appears in.

It is crucial to recognize that if you are testing net internet pages and websites on a laptop with out a web server, site-relative hyperlinks probably will not work. With that explained, below are detailed explanations of website relative backlinks compared to doc relative back links.

Site Relative-Backlinks

In a website-relative url the handle often begins with a ahead slash — “/”. The forward slash implies that the handle is relative to the web server’s idea of the website root.

Let us suppose that your site is positioned at the internet area:


Additionally, permit us now suppose that you want to refer to a document located at:


Then the web site-relative address of that document would be:


and, a hyperlink to that doc would seem like this:

Relative Handle of Joke File

It is essential to understand that this website link will operate from any other doc in the internet site, NO Subject Where IT IS Situated! The purpose is basic — web site relative back links are not relative to the files they are contained in — they are relative to the total web site.

Doc-Relative Links

Any relative hyperlink that is NOT a site-relative link Must be a doc-relative hyperlink. Document-relative links are back links that are relative to the doc that contains them. Right here are some examples of doc-relative back links:

comedy.html — refers to the file comedy.html in the exact same folder.

humor/sickjokes.htm — refers to the file sickjokes.html, which is located in the humor folder, relative to the directory of the doc it is referenced in.

../MotherInLawJokes.html — refers to the file MotherInLawJokes in the folder above the listing of the doc it is referenced in.

Backlinks to the above 3 paperwork would look like this:

Deal with of file in very same director

Address of file in reduce degree director

Handle of file in directory 1 degree up


When you transfer a document that consists of root-relative hyperlinks the back links will keep on to operate. On dark market url , the root-relative links which refer to that document could crack. In standard, for doing work on tiny web sites, doc-relative links are desired, and they have the additional gain that they can be tested on a personal computer that does not host a internet server.


Leave a Reply