title: Correctly supporting the html main element in IE
body: <p>I have decided to start using the html5 <code>main</code> element, of which I haven't used in the past because of lack of support in some browsers.</p>
  
  <p>I knew you could just "fix" the lack of support by doing something like this:</p>
  
  <pre><code>main {
      display: block;
  }
  </code></pre>
  
  <p>However I came across <a href="https://stackoverflow.com/a/26207036/472501">one answer</a> that states you should do the below to add it to the DOM as well:</p>
  
  <pre><code>document.createElement('main');
  </code></pre>
  
  <p>My question is - shouldn't we first check if the browser supports the <code>main</code> element before we do this? I'm not sure the best way to do that would be though? ....or is this not really needed and is safe to use on all page loads regardless of support?</p>