title: IE11 not recognizing HTML5 elements when loading a page from my desktop, any ideas why?
body: <p>I just started a new job and during my lunch brake I wanted to work on practicing some skills to prep for the MS 70-480 specialist exam. I prefer using Google Chrome, but the company has rules about installing software for personal use so I am stuck working on IE (version:11.0.9600.18015).</p>
  
  <p>So in notepad++ I created the simple test for HTML5's video element. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;70-480 Test Page&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;header&gt;
    &lt;h1&gt;Practice makes perfect&lt;/h1&gt;
  &lt;/header&gt;
    &lt;section id="sandbox"&gt;
      &lt;video width="400" controls=""&gt;
        &lt;source src="http://www.w3schools.com/html/mov_bbb.mp4" &gt;
        Your browser does not support the video element.
      &lt;/video&gt;
    &lt;/section&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But the page came back without the video showing. I checked the Developer tools and found in the DOM Explorer elements native to the HTML5 (header, video, section, etc.) are not being recognized and instead are showing such as:</p>
  
  <pre><code>...
  &lt;body&gt;
    &lt;header&gt;&lt;/header&gt;
      &lt;h1&gt;Practice makes perfect&lt;/h1&gt;
    &lt;/header&gt;&lt;//header&gt;
    &lt;section id="sandbox"&gt;&lt;/section&gt;
      &lt;video controls="" width="400"&gt;&lt;/video&gt;
        &lt;source src="http://www/w3schools.com/html/mov_bbb.mp4"&gt;&lt;/source&gt;
      &lt;/video&gt;&lt;//video&gt;
    &lt;/section&gt;&lt;//section&gt;
  &lt;/body&gt;
  ....
  </code></pre>
  
  <p>I know IE11 supports the elements since when I copy my code to JSfiddle on that same browser it shows up fine. Is there an explanation for why Internet explorer is giving me this head ache?</p>