title: Are any of these method good to use to keep the website compatible in all browser while using HTML 5 elements?
body: <p>Are any of these method good to use to keep the website compatible in all browser while using HTML 5 elements?</p>
  
  <p><strong>Just for example</strong></p>
  
  <p><strong>method 1</strong></p>
  
  <pre><code>&lt;div class="section"&gt;
      &lt;section&gt;
          &lt;h1&gt;title&lt;/h1&gt;
          &lt;p&gt;text&lt;/p&gt;
      &lt;/section&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>method 2</strong></p>
  
  <pre><code>&lt;section&gt;
      &lt;div class="section"&gt;        
              &lt;h1&gt;title&lt;/h1&gt;
              &lt;p&gt;text&lt;/p&gt;
       &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>In above method I will not write any CSS for HTML 5 tags so layout will not be disturbed.</p>
  
  <p><strong>Edit:</strong> my question is specially for Mobile websites because in desktop websites I know I can use HTML 5 Shiv and Modernizer but in mobile still my browser are still in use which don't have support or partial support of JavaScript. and Bandwidth is also an important issue in mobile internet so adding a JavaScript will decrease the performance.</p>
  
  <p>I'm making website for mobile with content management system to update content in future and content will be updated by client using WYSIWYG Editor.</p>