title: <main> inside <article> in HTML5
body: <p><strong>Plot:</strong>  When building a coupons website I realize that their can be content that is not unique to the page but should be used inside the <code>&lt;main&gt;&lt;article&gt; ..here..&lt;/article&gt;&lt;/main&gt;</code>.</p>
  
  <p><strong>Problem:</strong> Just because w3schools state :</p>
  
  <blockquote>
    <p>The content inside the  element should be unique to the
    document. It should not contain any content that is repeated across
    documents.</p>
  </blockquote>
  
  <p>But i have content which will be inside article. Like every time for example <code>A coupon can be used by entering its code but a deal can only be activated by going to landing page.</code>
  This will be repeated in every 'coupon' post I will publish.
  So now what I tried to use was.</p>
  
  <pre><code>&lt;main&gt;&lt;article&gt;&lt;main&gt;Unique content&lt;/main&gt;
  &lt;aside&gt;A coupon can be used by entering its code but a deal can only be activated by going to landing page&lt;/aside&gt;&lt;/article&gt;&lt;/main&gt;
  </code></pre>
  
  <p>But again :</p>
  
  <pre><code> Note: There must not be more than one &lt;main&gt; element in a document.
   The &lt;main&gt; element must NOT be a descendent of an &lt;article&gt;, &lt;aside&gt;,
   &lt;footer&gt;, &lt;header&gt;, or &lt;nav&gt; element.
  </code></pre>
  
  <p>So what is the best way to format the UN-UNIQUE content inside <code>&lt;main&gt;</code> and/or <code>&lt;article&gt;</code>.</p>