Having links relative to root

Question

Is there a way to have all links on a page be relative to the root directory?

For example, on www.example.com/fruits/apples/apple.html I could have a link saying:

<a href="fruits/index.html">Back to Fruits List</a>

Would this link be pointing to www.example.com/fruits/apples/fruits/index.html or www.example.com/fruits/index.html? If the first, is there a way to have it point to the 2nd instead?

User · Answer

To give a URL to an image tag which locates images/ directory in the root like

`logo.png`

you should give src URL starting with / as follows:

<img src="/images/logo.png"/>

This code works in any directories without any troubles even if you are in branches/europe/about.php still the logo can be seen right there.

User · Answer

If you are creating the URL from the server side of an ASP NET application  and deploying your website to a virtual directory  e g  app2  in your website i e  http   www yourwebsite com app2   then just insert   lt base href        gt    just after the title tag   so whenever you use root relative e g     lt a href   Accounts Login   gt     would resolve to  http   www yourwebsite com app2 Accounts Login   This way you can always point to your files relatively-absolutely      To me this is the most flexible solution

User · Answer

Use   lt a href   fruits index html  gt Back to Fruits List lt  a gt    or   lt a href     index html  gt Back to Fruits List lt  a gt

User · Answer

Use this code      as root on the server as it works for me   lt a href    fruits index html  gt Back to Fruits List lt  a gt    but when you are on a local machine use the following code       as the root relative path   lt a href     fruits index html  gt Back to Fruits List lt  a gt

User · Answer

lt a href   fruits index html  gt Back to Fruits List lt  a gt

User · Answer

A root-relative URL starts with a   character  to look something like  lt a href   directoryInRoot fileName html  gt link text lt  a gt    The link you posted   lt a href  fruits index html  gt Back to Fruits List lt  a gt  is linking to an html file located in a directory named fruits  the directory being in the same directory as the html page in which this link appears   To make it a root-relative URL  change it to    lt a href   fruits index html  gt Back to Fruits List lt  a gt      Edited in response to question  in comments  from OP      So doing   will make it relative to www example com  is there a way to specify what the root is  e g what if i want the root to be www example com fruits in www example com fruits apples apple html    Yes  prefacing the URL  in the href or src attributes  with a   will make the path relative to the root directory  For example  given the html page at www example com fruits apples html  the a of href   vegetables carrots html  will link to the page www example com vegetables carrots html   The base tag element allows you to specify the base-uri for that page  though the base tag would have to be added to every page in which it was necessary for to use a specific base  for this I ll simply cite the W3 s example      For example  given the following BASE declaration and A declaration     lt  DOCTYPE HTML PUBLIC  -  W3C  DTD HTML 4 01  EN      http   www w3 org TR html4 strict dtd  gt   lt HTML gt    lt HEAD gt      lt TITLE gt Our Products lt  TITLE gt      lt BASE href  http   www aviary com products intro html  gt    lt  HEAD gt     lt BODY gt      lt P gt Have you seen our  lt A href     cages birds gif  gt Bird Cages lt  A gt     lt  BODY gt   lt  HTML gt       the relative URI     cages birds gif  would resolve to    http   www aviary com cages birds gif   Example quoted from  http   www w3 org TR html401 struct links html h-12 4   Suggested reading    http   www motive co nz glossary linking php http   www communitymx com content article cfm cid AEDCC52C4AD230AD

[html] Having links relative to root?

The answer is

Examples related to html

Examples related to location-href

Tags