HTML : Specify a default URL and a default target for all links on a page

Rajesh Kumar Yadav - May 27 '21 - - Dev Community

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

Full information at https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base

Routing or URL rewriting with base tag

Let's say you are located at:

www.domain.com/folder/subfolder/
Enter fullscreen mode Exit fullscreen mode

Now if in your index.html file, you have the anchor tag to redirect to test.html as -

<a href="test.html">Click here</a>
Enter fullscreen mode Exit fullscreen mode

Then this anchor will be regular anchor and will leads to

www.domain.com/folder/subfolder/test.html
Enter fullscreen mode Exit fullscreen mode

Now if you will add base tag in your index.html's head tag as -

<base href="http://www.domain.com/" />
Enter fullscreen mode Exit fullscreen mode

Then your same anchor

<a href="test.html">Click here</a>
Enter fullscreen mode Exit fullscreen mode

now will lead to

www.domain.com/test.html
Enter fullscreen mode Exit fullscreen mode

Buy Me A Coffee

With all that being said, I highly recommend you keep learning!

Thank you for reading this article. Please feel free to connect with me on LinkedIn and Twitter.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .