title: HTML5 subtitle mark-up for every level of headings, ie, h1 to h6
body: <p>Including WordPress official templates, there are a lot of resources explaining how to code "h1" and "h2" wrapping with "header" tag to include a subtitle as "p" tag.</p>
  
  <p>For example,</p>
  
  <pre><code>  &lt;main&gt;  
      &lt;header&gt;
        &lt;h1&gt;The Title For The Site&lt;/h1&gt;
        &lt;p&gt;The subtitle goes here&lt;/p&gt;
      &lt;/header&gt;
      ...
   &lt;/main&gt;
  </code></pre>
  
  <p>Or for an archive page:</p>
  
  <pre><code>  &lt;main&gt;  
      &lt;header&gt;
        &lt;h1&gt;The Title For The Site&lt;/h1&gt;
        &lt;p&gt;The subtitle goes here&lt;/p&gt;
      &lt;/header&gt;
      &lt;article&gt;
        &lt;header&gt;
          &lt;h1&gt;The Title Of An Article&lt;/h1&gt;
          &lt;p&gt;The subtitle for the article&lt;/p&gt;
        &lt;/header&gt;
        ...
      &lt;/article&gt;
      ...
   &lt;/main&gt;
  </code></pre>
  
  <p>So here is the question:
  <strong>What will be for the other levels of h3 to h6 headings if I need subtitles also for those levels?</strong></p>
  
  <p>Is it semantically possible to mark-up like:</p>
  
  <pre><code>      &lt;main&gt;  
          &lt;header&gt;
            &lt;h1&gt;The Title For The Site&lt;/h1&gt;
            &lt;p&gt;The subtitle goes here&lt;/p&gt;
          &lt;/header&gt;
          &lt;p&gt;Lorem ipsum dolor sit amet, consectetur ... dignissim.&lt;/p&gt;
  
      &lt;header&gt;
        &lt;h3&gt;Fusce rutrum&lt;/h3&gt;
        &lt;p&gt;Vestibulum commodo gravida tortor&lt;/p&gt;
      &lt;/header&gt;
      &lt;p&gt;....&lt;/p&gt;
  
      &lt;header&gt;
        &lt;h4&gt;Praesent eget&lt;/h4&gt;
        &lt;p&gt; Maecenas malesuada vel lectus&lt;/p&gt;
      &lt;/header&gt;
      &lt;p&gt;....&lt;/p&gt;
      ...
   &lt;/main&gt;
  </code></pre>
  
  <p><strong>Please give some advise! Thanks in advance.</strong></p>