`<article>` và `<section>` khác nhau thế nào?

<article> là nội dung đứng riêng vẫn có nghĩa; <section> là một phần trong mạch nội dung của trang.

<article>                     <!-- một bài blog, đem đi nơi khác vẫn đọc được -->
  <header><h2>Tiêu đề bài</h2></header>
  <section><h3>Phần 1</h3>...</section>
  <section><h3>Phần 2</h3>...</section>
  <footer>Đăng ngày ...</footer>
</article>

<section>                     <!-- danh sách bình luận: cần context của bài -->
  <h2>Bình luận</h2>
  <article>...</article>     <!-- mỗi bình luận lại tự đứng được -->
  <article>...</article>
</section>

Phép thử: đem khối đó sang RSS feed hoặc site khác mà vẫn hiểu → <article>. Cần trang gốc mới hiểu → <section>.

Hai thẻ lồng nhau được cả hai chiều: article chứa section (chương mục của bài), section chứa article (danh sách card/comment).

Chốt: card sản phẩm, tweet, comment, bài blog đều là <article> — không phải chỉ "bài viết dài" mới dùng được thẻ này.