HTML'de article ve section öğeleri arasındaki fark nedir?

article, sayfa dışındaki ana bağlamdan bağımsız ve kendi kendine yeterli içerik parçasını temsil eder ve yaygınlaştırılabilir veya yeniden kullanılabilir. Örnekler: blog gönderisi, haber, yorum veya widget.

section, tematik içerik grubudur. Bu, bir sayfadaki bölüm olabilir (örneğin, "Giriş", "İçerik", "İletişim") veya ilişkili paragraflar, resimler vb. içeren bir grup olabilir. section genellikle bir başlığa sahiptir.

Ana fark: article, kendi başına anlamlı olan bir içerik birimidir, section ise sayfa veya belgenin yapısal bir parçasıdır.

Kullanım örneği:

<article>
  <h2>Makale Başlığı</h2>
  <p>Makalenin ana metni...</p>
  <section>  <!-- Makale içindeki alt bölüm -->
    <h3>Yorumlar</h3>
    <article> <!-- Bağımsız bir yorum öğesi -->
      <p>Yorum metni.</p>
    </article>
  </section>
</article>

<section> <!-- Sayfada ayrı bir bölüm, önceki makaleyle bağlantılı değil -->
  <h2>Ek bilgi içeren bölüm</h2>
  <p>Ek bilgi metni...</p>
</section>