JSFiddle - React, Tailwind, and code Playground

by tchalvakspam

HTML

<base href="http://www.example.com/other-subdirectory/">
<div id='top-of-page' style='height:20em;width:100%'>
This div is purposefully forced to be large.
    </div>
    
    <a href='#top-of-page' title='Some title'>A link to the top of this page via a named anchor</a> becomes <a href='http://www.example.com/other-subdirectory/#top-of-page' title='Some title'>A link to an #named-anchor on the completely different base page</a>
<br>
<br>
    
    <a href='?update=1' title='Some title'>A link to the current page with a parameter change</a> becomes <a href='http://example.com/other-subdirectory/?update=1' title='Some title'>A link to the base tag's page instead</a>