HTML<article> là nội dung độc lập, có thể đứng riêng và vẫn có nghĩa (bài blog, comment, card sản phẩm, tweet). <section> là nhóm nội dung liên quan trong cùng tài liệu, cần context của trang.
- Test nhanh: nếu có thể syndicate nội dung đó ra site khác mà vẫn hiểu được → dùng
<article>. - Article thường có
<header>,<footer>, byline riêng. - Article có thể chứa nhiều
<section>và<section>có thể chứa nhiều<article>.
<article> is self-contained content that makes sense on its own (blog post, comment, product card, tweet). <section> groups related content within the same document and depends on page context.
- Quick test: if you can syndicate the content to another site and it still makes sense, use
<article>. - Articles usually have their own
<header>,<footer>, and byline. - Articles can contain multiple
<section>elements, and sections can contain multiple<article>elements.