Каква е разликата между елементите article и section в HTML?

article представлява самодостатъчен, независим фрагмент съдържание, който може да бъде разпространяван или повторно използван извън основния контекст на страницата. Примери: блог пост, новина, коментар или widget.

section е тематична група съдържание. Това може да бъде раздел на страницата (например, "Въведение", "Съдържание", "Контакти") или група свързани параграфи, изображения и т.н. section често има заглавие.

Основната разлика: article е единица съдържание, която има смисъл сама по себе си, а section е структурна част от страницата или документа.

Пример за използване:

<article>
  <h2>Заглавие на статията</h2>
  <p>Основният текст на статията...</p>
  <section>  <!-- Подраздел в статията -->
    <h3>Коментари</h3>
    <article> <!-- Отделен коментар като самодостатъчен елемент -->
      <p>Текст на коментара.</p>
    </article>
  </section>
</article>

<section> <!-- Отделен раздел на страницата, несвързан с предишната статия -->
  <h2>Раздел с допълнителна информация</h2>
  <p>Текст на допълнителната информация...</p>
</section>