title: Browser jumps to middle of page when loading HTML file
body: <p>When I open an HTML file in Chrome, the page loads with some random h3 tag from the middle of the document (see last h3 tag in code below) at the top of the window, instead of the actual top of the page.  All of the content above that point is loads, but I have to scroll up to get to the top.</p>
  
  <p>Same thing happens when I use Firefox, although it loads with the first h3 tag in my example at the top of the window.  Safari loads with the "Here is an example of bold text" paragraph at the top.  Any idea why this might be happening?</p>
  
  <pre><code>&lt;h3&gt;Audio&lt;/h3&gt;
  &lt;audio src="07 Wake Up.mp3" controls&gt;Here is some audio&lt;/audio&gt;
  
  &lt;p&gt;
  &lt;a href="#top"&gt;Back to top&lt;/a&gt;
  &lt;/p&gt;
  
  &lt;hr /&gt;
  
  &lt;h3 id="B"&gt;Bold text&lt;/h3&gt;
  &lt;p&gt;Here is an example of &lt;b&gt;bold text&lt;/b&gt;&lt;/p&gt;
  
  &lt;h3&gt;Bi-directional override&lt;/h3&gt;
  
  &lt;p&gt;&lt;bdo dir="rtl"&gt;This text will go from right to left.&lt;/bdo&gt;&lt;/p&gt;
  &lt;p&gt;&lt;bdo dir="rtl"&gt;.tfel ot thgir morf og lliw txet sihT&lt;/bdo&gt;&lt;/p&gt;
  
  &lt;h3&gt;Blockquotes&lt;/h3&gt;
  
  &lt;p&gt;Blockquotes specify a section that is quoted from another source, like in the passage below:&lt;/p&gt;
  &lt;blockquote cite="http://www.archives.gov/exhibits/charters/declaration_transcript.html"&gt;We hold these truths to be self-evident, that all men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among these are Life, Liberty and the pursuit of Happiness.&lt;/blockquote&gt;
  
  &lt;h3 id="button"&gt;Buttons&lt;/h3&gt;
  </code></pre>