title: Which elements can be nested inside the <dialog> element?
body: <p><sub>TL;DR</sub></p>
  
  <p><strong>Which elements can be nested inside the <code>&lt;dialog&gt;</code> element?</strong></p>
  
  <hr />
  
  <p>When I look at examples like <a href="http://speckyboy.com/2014/09/29/native-dialog-html5-dialog-windows/" rel="nofollow">this</a>, <a href="http://blog.teamtreehouse.com/a-preview-of-the-new-dialog-element" rel="nofollow">this</a> and <a href="http://www.hongkiat.com/blog/html5-dialog-window/" rel="nofollow">this</a> they all place elements like <code>&lt;h3&gt;</code>, <code>&lt;p&gt;</code> and <code>&lt;button&gt;</code> as child nodes to the <code>&lt;dialog&gt;</code> element.</p>
  
  <p>However, the Visual Studio (2013) intellisense list only the following elements: </p>
  
  <ul>
  <li>content</li>
  <li>dd</li>
  <li>dt</li>
  <li>shadow</li>
  <li>template</li>
  </ul>
  
  <p><b></b></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
      &lt;body&gt;
          &lt;dialog role="dialog"&gt;
              &lt;content&gt;&lt;/content&gt;
              &lt;dd&gt;&lt;/dd&gt;
              &lt;dt&gt;&lt;/dt&gt;
              &lt;shadow&gt;&lt;/shadow&gt;
              &lt;template&gt;&lt;/template&gt;
          &lt;/dialog&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Now, if I add a <code>&lt;div&gt;</code> element to the <code>&lt;dialog&gt;</code> element</p>
  
  <pre><code>&lt;dialog role="dialog"&gt;
      &lt;div&gt;&lt;/div&gt;
  &lt;/dialog&gt;
  </code></pre>
  
  <p>Visual Studio will complaint that:</p>
  
  <blockquote>
    <p><em>Element 'div' cannot be nested inside element 'dialog'.<br />
    <br />
    The div element has no special meaning at all. It represents its children. It can be used with the class, lang, and title attributes to mark up semantics common to a group of consecutive elements.</em></p>
  </blockquote>
  
  <p>I also looked at the <a href="http://www.w3.org/html/wg/drafts/html/master/interactive-elements.html#the-dialog-element" rel="nofollow">W3 docs</a> but to no avail.</p>
  
  <p>So I ask again: Which elements can be nested inside the <code>&lt;dialog&gt;</code> element?</p>