Thẻ article trong HTML

• Trần Thị Vân
• 1297
• 10/07/2025

Chức năng của Thẻ article trong HTML

Thẻ article trong HTML, cụ thể là HTML5, được dùng để bao quanh một bài viết cụ thể, giúp các công cụ dễ dàng tìm được nội dung của bài viết một cách nhanh chóng.

Cú pháp của Thẻ article trong HTML

<article>baiviet</article>

baiviet: Bài viết.

Ví dụ thực tế về Thẻ article trong HTML

<article>

<h1>Thẻ article trong HTML</h1>

<p>Thẻ article trong HTML là một loại thẻ HTML, cụ thể là HTML5, được dùng để bao quanh một bài viết cụ thể, giúp các công cụ dễ dàng tìm được nội dung của bài viết một cách nhanh chóng.</p>

</article>

Chạy Thử

Khi nào nên và không nên sử dụng thẻ article?

Trường hợp nên sử dụng thẻ article

Thẻ article phù hợp khi nội dung mang tính độc lập, có thể được tách riêng khỏi trang mà vẫn giữ nguyên ý nghĩa. Đây thường là những nội dung có giá trị riêng, có thể chia sẻ, lưu trữ hoặc hiển thị trên nhiều nền tảng khác nhau mà không phụ thuộc vào phần còn lại của giao diện.

• Bài viết trên blog hoặc website tin tức.
• Bài hướng dẫn, chia sẻ kiến thức hoặc tài liệu chuyên môn.
• Bài đánh giá sản phẩm, dịch vụ.
• Bài đăng trên diễn đàn hoặc cộng đồng.
• Bình luận có nội dung đầy đủ và có thể hiển thị độc lập.
• Mỗi bài viết trong danh sách bài viết trên trang chủ hoặc chuyên mục.

Nếu một nội dung có thể được lấy ra khỏi trang hiện tại và đăng ở nơi khác mà người đọc vẫn hiểu đầy đủ ý nghĩa, đó thường là trường hợp phù hợp để sử dụng article.

Trường hợp không nên sử dụng thẻ article

Không phải mọi khối nội dung đều cần đặt trong article. Việc sử dụng không đúng sẽ làm giảm tính rõ ràng của cấu trúc HTML và khiến trình duyệt hoặc công cụ tìm kiếm khó xác định đâu là nội dung chính.

• Thanh điều hướng của website.
• Header và footer của toàn bộ trang.
• Sidebar chỉ chứa liên kết hoặc tiện ích.
• Khối quảng cáo hoặc banner.
• Nhóm nội dung chỉ phục vụ mục đích trình bày giao diện.
• Các phần không thể đứng độc lập khi tách khỏi trang.

Đối với những khu vực chỉ có vai trò bố cục hoặc hỗ trợ hiển thị, nên lựa chọn các thẻ HTML phù hợp khác thay vì sử dụng article.

Cách xác định một nội dung có phải là article hay không

Khi phân vân giữa nhiều thẻ HTML, hãy tự đặt một số câu hỏi trước khi quyết định sử dụng article.

1. Nội dung này có thể đọc riêng mà vẫn đầy đủ ý nghĩa không?
2. Nó có thể được chia sẻ hoặc tái sử dụng trên một trang khác không?
3. Nó có tiêu đề, nội dung và mục đích riêng hay không?
4. Khi bỏ phần còn lại của trang, nội dung này vẫn có giá trị đối với người đọc không?

Nếu đa số câu trả lời là Có, đây thường là một nội dung phù hợp để đặt trong article. Ngược lại, nếu nội dung chỉ là một phần bổ trợ hoặc phụ thuộc hoàn toàn vào bố cục chung của trang, bạn nên cân nhắc sử dụng thẻ HTML khác để thể hiện đúng ngữ nghĩa.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thẻ article trong HTML.