Can I use a relative path as the base tag's href value?

Question

Is there any way to define a base link for a web page, meaning that all relative hrefs in the page start at that base location (different from the location of the web page)?

This is what I want:

<base = "../Main/Sub/Subsub1/">

The page I'm using this in is in a subfolder parallel to Main, but the content it will link to is under Main. I tried the above code, but it doesn't work

Any example of how it looks like now and how it should look like would be great! — caramba, Oct 11 '19 at 18:10
What problem are you trying to solve. All this would do is save some href length in your anchors. — isherwood, Oct 11 '19 at 18:18
True - it's not a huge deal. Just wondering if there was a way. — thf, Oct 11 '19 at 18:20
Possible duplicate of [why base tag does not work for relative paths?](https://stackoverflow.com/questions/11521011/why-base-tag-does-not-work-for-relative-paths) — Ramesh, Oct 11 '19 at 18:24
You better refer the answer here: https://stackoverflow.com/questions/11351944/html-base-and-subdirectories — Ramesh, Oct 11 '19 at 18:27

Dhananjai Pai · Answer 1 · 2019-10-11T18:33:03.077

0

You can use js to generate the base url as below

<script>
var base = document.createChild('base');
// use logic to do ../
base.href = window.location.href.split('/').slice(0,-1).join('/')+'/Main/Sub/Subsub1/';
document.head.appendChild(base);
</script>

Or provide the absolute url to base href

The HTML element specifies the base URL to use for all relative URLs in a document. There can be only one element in a document.

Refer the MDN Docs

edited Oct 11 '19 at 18:33

answered Oct 11 '19 at 18:15

Dhananjai Pai

5,914
1
10
25

Thanks - but I was looking for a way that didn't use js. – thf Oct 11 '19 at 18:31
provide absolute url, js is used to create information that you don't provide directly – Dhananjai Pai Oct 11 '19 at 18:32

Can I use a relative path as the base tag's href value?

1 Answers1