title: Universal relative HTML path in Linux, OS X, Windows
body: <p>I should send HTML code of email message to another person.
  Before doing this I tried to test if the code renders properly in different browsers, on different operating systems.</p>
  
  <p>On Linux found out that images stop showing.
  Obviously it's connected with relative path to the images.
  On Mac I have this and it works:</p>
  
  <pre><code>&lt;img src="/Users/username/Documents/project/images/button.png" style="display: block;" width="283px" border="0" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>So I tried to replace this part</p>
  
  <pre><code>/Users/username/Documents
  </code></pre>
  
  <p>with</p>
  
  <pre><code>/
  </code></pre>
  
  <p>or</p>
  
  <pre><code>~/
  </code></pre>
  
  <p>to refer to root or home directories respectively in order to point to proper files that would be accessible under any user.
  But neither of these methods works.</p>
  
  <p>Is there a way to specify relative path so that HTML page shows correctly even if I hand over the code to somebody?</p>