Giới thiệu

Tag <section> là một trong những tag quan trọng trong HTML, được sử dụng để nhóm các phần tử có cùng chức năng hoặc nội dung liên quan lại với nhau. Nó giúp tạo ra một cấu trúc rõ ràng và có tổ chức cho trang web của bạn.

Cách sử dụng

Để sử dụng tag <section>, bạn chỉ cần bao bọc các phần tử có liên quan bên trong nó. Ví dụ:

<section>
  <h2>Giới thiệu về HTML</h2>
  <p>HTML là ngôn ngữ đánh dấu siêu văn bản được sử dụng để xây dựng các trang web.</p>
  <p>Nó sử dụng các thẻ để định dạng và hiển thị nội dung trên trình duyệt.</p>
</section>

Trong ví dụ trên, chúng ta sử dụng tag <section> để nhóm các phần tử liên quan về giới thiệu về HTML lại với nhau.

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

Dưới đây là một ví dụ cụ thể về việc sử dụng tag <section> trong một trang web:

<section>
  <h2>Giới thiệu về HTML</h2>
  <p>HTML là ngôn ngữ đánh dấu siêu văn bản được sử dụng để xây dựng các trang web.</p>
  <p>Nó sử dụng các thẻ để định dạng và hiển thị nội dung trên trình duyệt.</p>
</section>

<section>
  <h2>Các thẻ cơ bản trong HTML</h2>
  <ul>
    <li><code>&lt;h1&gt;</code> - Định dạng tiêu đề cấp 1</li>
    <li><code>&lt;p&gt;</code> - Định dạng đoạn văn bản</li>
    <li><code>&lt;a&gt;</code> - Tạo liên kết</li>
  </ul>
</section>

Trong ví dụ trên, chúng ta sử dụng hai tag <section> để nhóm các phần tử có liên quan lại với nhau. Phần tử đầu tiên chứa thông tin giới thiệu về HTML, trong khi phần tử thứ hai chứa danh sách các thẻ cơ bản trong HTML.

Việc sử dụng tag <section> giúp tạo ra một cấu trúc rõ ràng và có tổ chức cho trang web của bạn. Nó cũng giúp người đọc dễ dàng nhận biết và hiểu được các phần tử có liên quan với nhau.