title: Use of <picture> inside <figure> element in HTML5?
body: <p>In HTML5 we currently have a <code>&lt;figure&gt;</code> element, defined like so (<a href="http://dev.w3.org/html5/markup/figure.html" rel="noreferrer">W3C reference</a>) </p>
  
  <blockquote>
    <p>The figure element represents a unit of content, optionally with a caption, that is self-contained, that is typically referenced as a single unit from the main flow of the document, and that can be moved away from the main flow of the document without affecting the document’s meaning.</p>
  </blockquote>
  
  <p>Recently a new element <code>&lt;picture&gt;</code> was proposed by the <a href="http://www.w3.org/community/respimg/" rel="noreferrer">Responsive Images Community group</a> and it was defined <a href="http://dvcs.w3.org/hg/html-proposals/raw-file/tip/responsive-images/responsive-images.html#the-picture-element" rel="noreferrer">in the reference</a> like so</p>
  
  <blockquote>
    <p>The picture element used for displaying an image that can come from a range of sources (see srcset attribute). Which image the user agent displays depends on the algorithm for deriving the source image. </p>
  </blockquote>
  
  <p>Since the two descriptions seems to be not contradictory (and documentation on picture is on <em>draft</em> state yet) here my question: is it possible (technically and semantically) to have a nested <code>picture</code> inside a <code>figure</code> element, in this way?</p>
  
  <pre><code>&lt;figure&gt;
     &lt;picture&gt;
        &lt;source ...&gt;
        &lt;source ...&gt;
        &lt;source ...&gt;
        &lt;img..&gt;
     &lt;/picture&gt;
  
     &lt;figcaption&gt;...&lt;/figcaption&gt;
  &lt;/figure&gt;
  </code></pre>
  
  <p>I've found no references about it in specs. :\</p>
  
  <p>Note: I'm aware that no browser implements currently this element, I'm just making some experiments with <a href="http://jquerypicture.com/" rel="noreferrer">jQuery picture</a>  </p>
  
  <p>Thank you.</p>