title: Use Data Uri as the href of an a tag
body: <p>I am creating a single file HTML5 application that has all image resources embedded as a <code>Data Uri</code>. This application contains an image gallery (fancy box) that uses <code>&lt;a&gt;</code> tags as the source of the image to show in its popup, as many other do. e.g.</p>
  
  <pre><code>&lt;li&gt;
    &lt;a href="photos/FL6C2632.jpg"&gt;
      &lt;img src="data:image/jpeg;base64,somebase64stringetc014564hkjhkj" /&gt;
    &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Replacing the <code>src</code> attribute of the <code>img</code> tag with data uri works as expected, however replacing the <code>a</code> tag's <code>href</code> with a base64 equivalent rather than some genuine path to an image does not.</p>
  
  <p>Is there anyway at all of being able to use data uri in a href attribute rather than an existing physical location?</p>
  
  <p>So for example (which doesn't work)</p>
  
  <pre><code>&lt;li&gt;
    &lt;a href="data:image/jpeg;base64,someotherbase64stringetc014564hkjhkj"&gt;
      &lt;img src="data:image/jpeg;base64,somebase64stringetc014564hkjhkj" /&gt;
    &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>