💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 2025年3月1日
article và section
📌
Kết luận
<article> cho nội dung độc lập, <section> cho các phần liên quan
📝 Mã thực tế tại đây
<article>
<section>Phần 1</section>
<section>Phần 2</section>
</article>Cách phân biệt
| Thẻ | Ý nghĩa | Ví dụ |
|---|---|---|
<article> | Nội dung có thể đứng độc lập | Bài viết blog, bình luận, thẻ sản phẩm |
<section> | Một phần trong một nội dung lớn hơn | Chương, mục trong bài viết |
<article>. Nếu không, hãy dùng <section>.
Tổng kết
-<article> = Nội dung độc lập
- <section> = Nhóm các nội dung liên quan
- Giúp cải thiện SEO và khả năng truy cập
Hãy thử trong phần bài tập
Hãy tạo 2 thẻ section bên trong một thẻ article nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Hãy tạo 2 thẻ section bên trong một thẻ article.
Gợi ý khi gặp khó khăn
article bao quanh, section nằm bên trong.