Giới thiệu

Tag <article> là một trong những tag quan trọng trong HTML, được sử dụng để đánh dấu một phần nội dung độc lập và tự đủ trên một trang web. Nó thường được sử dụng để nhóm các bài viết, tin tức, blog posts, hoặc bất kỳ nội dung nào có thể tồn tại độc lập và có ý nghĩa riêng.

Cách sử dụng tag article

Để sử dụng tag <article>, bạn chỉ cần bao bọc nội dung cần đánh dấu bên trong cặp thẻ <article> và </article>. Ví dụ:

<article>
    <h2>Tiêu đề bài viết</h2>
    <p>Nội dung bài viết...</p>
</article>

Ví dụ và giải thích

Dưới đây là một ví dụ về việc sử dụng tag <article> để nhóm các bài viết trên một trang web:

<article>
    <h2>Tiêu đề bài viết 1</h2>
    <p>Nội dung bài viết 1...</p>
</article>

<article>
    <h2>Tiêu đề bài viết 2</h2>
    <p>Nội dung bài viết 2...</p>
</article>

<article>
    <h2>Tiêu đề bài viết 3</h2>
    <p>Nội dung bài viết 3...</p>
</article>

Trong ví dụ trên, mỗi <article> đại diện cho một bài viết riêng biệt. Bằng cách sử dụng tag <article>, chúng ta có thể nhóm các bài viết lại với nhau và tạo ra một cấu trúc rõ ràng và dễ đọc trên trang web.

Tag <article> cũng hỗ trợ việc tạo ra các phần tử con như tiêu đề (<h1>, <h2>,...) và đoạn văn bản (<p>) bên trong nó. Điều này giúp tạo ra một trang web có cấu trúc tốt và dễ hiểu cho người đọc.

Kết luận

Tag <article> là một công cụ mạnh mẽ để nhóm các phần nội dung độc lập trên một trang web. Bằng cách sử dụng tag này, bạn có thể tạo ra một cấu trúc rõ ràng và dễ đọc, giúp người đọc dễ dàng tiếp cận và hiểu nội dung trang web của bạn.