title: what is the difference between tag div and tag section for pages in jquery mobile
body: <p>I saw both <code>div</code> and <code>section</code> been used in <code>data-role="page"</code>. For example</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;p&gt;This content will be ignored.&lt;/p&gt;
  &lt;!-- Begin Page 4 --&gt;
  &lt;section id="page4" data-role="page"&gt;
  &lt;header data-role="header"&gt;&lt;h1&gt;jQuery Mobile&lt;/h1&gt;&lt;/header&gt;
  &lt;div class="content" data-role="content"&gt;
  &lt;p&gt;External Page!&lt;/p&gt;
  &lt;p&gt;&lt;a href="#page1"&gt;Go to First Page&lt;/a&gt;.&lt;/p&gt;
  &lt;/div&gt;
  &lt;footer data-role="footer"&gt;&lt;h1&gt;O'Reilly&lt;/h1&gt;&lt;/footer&gt;
  &lt;/section&gt;
  &lt;!-- End Page 4--&gt;
  &lt;h3&gt;This content will be ignored as well.&lt;/h3&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8" /&gt;
          &lt;title&gt;Intro to jQuery Mobile&lt;/title&gt;
          &lt;link rel="stylesheet" href="http://code.jquery.com/mobile
  /1.0a2/jquery.mobile-1.0a2.min.css" /&gt;
          &lt;script src="http://code.jquery.com/jquery-1.4.4.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://code.jquery.com/mobile/1.0a2
  /jquery.mobile-1.0a2.min.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
          &lt;div data-role="page"&gt;
  
              &lt;div data-role="header"&gt;
                 &lt;h1&gt;Facebook Friends&lt;/h1&gt;
              &lt;/div&gt;&lt;!-- /header --&gt;
  
              &lt;div data-role="content"&gt;
  
              &lt;/div&gt;&lt;!-- /content --&gt;
  
              &lt;div data-role="footer"&gt;
              &lt;/div&gt;&lt;!-- /footer --&gt;
          &lt;/div&gt;&lt;!-- /page --&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>What's the difference and what is <code>section</code> used for?Will it prevents load contents in it when it is not shown?</p>