title: Is there any practical benefit of using <header> over <div id="header">?
body: <p>Is there any practical benefit of using <code>&lt;header&gt;</code> over <code>&lt;div id="header"&gt;</code>? </p>
  
  <p>and writing css for <code>header {}</code> over #header <code>{}</code></p>
  
  <p>I know one downside is , I will have to punish IE users with a Javascript if use <code>&lt;header&gt;</code> otherwise it will not take style.</p>
  
  <p>I know it's HTML5 but is there any advantage of using it until non HTML5 supported browsers are still in use.</p>
  
  <p>IE6, IE7, IE8 and some old mobile browsers do not understand these new tags.</p>
  
  <p>Edit:</p>
  
  <p>It's OK to use a JS Canvas library to do something awesome in all browsers but to use a Javascript just to use some tags in IE wil decrease performance without a big reason.</p>