Является ли семантически правильным вложить элемент

в элемент

?

<section id="popular">
  <div class="blurb">
    <h2>Popular Articles</h2>
    <p>The most popular posts from my blog.</p>
  </div>
  <ul>
    <li>
      <article>
        <h3>Article</h3>
        <p>An excerpt from the article.</p>
      </article>
    </li>
    <li>
      <article>
        <h3>Article</h3>
        <p>An excerpt from the article.</p>
      </article>
    </li>
    <li>
      <article>
        <h3>Article</h3>
        <p>An excerpt from the article.</p>
      </article>
    </li>
  </ul>
</section>

Что будет выглядеть следующим образом:

Популярные статьи

Самые популярные сообщения из моего блога.

• Статья

  Выдержка из статьи.

• Статья

  An Выдержка из статьи.

• Статья

  Выдержка из статьи.

Мне, это кажется отличным способом разметки информации. Мой единственный вопрос: правильно ли таким образом вложить элемент