DEV Community

Rajesh Kumar Yadav
Rajesh Kumar Yadav Subscriber

Posted on

4 1

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

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.

Top comments (0)

šŸ‘‹ Kindness is contagious

Please leave a ā¤ļø or a friendly comment on this post if you found it helpful!

Okay