html元素列表是否正确拥有自己的<h *>层次结构？</h *>

Question

从语义上讲，这种情况是否正确：

<h1>page title</h1>
<p>some content</p>

<h2>group title</h2>
<ul class="card-list">
    <li>
       <div class="card">
         <h2>card title</h2>
         <h3>card subtitle</h3>
       </div>
    </li>
    <li>
       <div class="card">
         <h2>another card title</h2>
         <h3>card subtitle</h3>
       </div> 
    </li>
    <li><!-- etc. --></li>
</ul>

要有一个具有自己的层次结构的元素列表，无论它们出现什么上下文？