title: HTML Base URL and links
body: <p>I have the following problem:</p>
  
  <p>The URL is <strong>http://www.myhomeurl.com/application1/</strong> and the base is:</p>
  
  <pre><code>&lt;base href="http://www.myhomeurl.com/"/&gt;
  </code></pre>
  
  <p>All resources like images, css and javascript will be at:</p>
  
  <pre><code>http://www.myhomeurl.com/css/myfile.css
  http://www.myhomeurl.com/js/myscript.js
  http://www.myhomeurl.com/images/img.jpg
  </code></pre>
  
  <p>BUT, the link will be at "application1", for example:</p>
  
  <pre><code>http://www.myhomeurl.com/application1/page1.html
  http://www.myhomeurl.com/application1/page2.html
  http://www.myhomeurl.com/application1/page3.html
  </code></pre>
  
  <p>The question is: How to apply base URL for resources (like css, js, etc) and apply the base/application1 for page links?</p>
  
  <p>Here is a problem when I have:</p>
  
  <pre><code>&lt;a href="page1.html"&gt;Click me!&lt;/a&gt;
  </code></pre>
  
  <p>When the user clicks this the page will going to: </p>
  
  <p><strong>http://www.myhomeurl.com/page1.html</strong> </p>
  
  <p>and not to: </p>
  
  <p><strong>http://www.myhomeurl.com/application1/page1.html</strong></p>