Edited question for clarity.
In my application, let's say I'm on some url as follows: http://127.0.0.1:8000/blog/
and on that page I have in my HTML:
<a href="#top">Back to top</a>
When I hover over that link, the URL says: http://127.0.0.1:8000/#top
, and not http://127.0.0.1:8000/blog/#top
, as I'd expect.
What's going on here? How do I fix this? Let me know if anything else is required.
Here's the summary of my HTML:
<!DOCTYPE html>
<head>
<title>...</title>
<base href="/">
<!-- JQuery, Bootstrap, Bootstrap Javascript stuff included here -->
</head>
<body>
<header>
<!-- header stuff from Bootstrap -->
</header>
<section id="top">
<!-- page-based contents here -->
</section>
<footer>
<!-- Dead simple one-line footer -->
</footer>
</body>
</html>