Thẻ Div HTML Là Gì Và Cách Sử Dụng

<div> (division) là container chung, gom nhóm các phần tử để áp dụng CSS. Mặc định rỗng, khối (block-level), ngắt dòng trước/sau.

<div class="container">
  <h4>Tôi chứa 2 div con</h4>
  <div class="box blue">1</div>
  <div class="box purple">2</div>
</div>

Lưu ý quan trọng: <div> KHÔNG phải thẻ ngữ nghĩa (không gợi ý ý nghĩa). Lạm dụng gây khó khăn cho screen reader. Chỉ dùng khi không có thẻ ngữ nghĩa phù hợp (<section>, <article>, <aside>...).

Thuộc Tính

Hỗ trợ toàn bộ global attributes (id, class, style...) và event attributes (onclick, onmouseover...).

Cách Định Dạng (Styling)

1. Inline style: <div style="width:500px; border:3px solid black;">
2. Internal CSS: trong <style> dùng class/id.
3. External CSS: file .css riêng, link qua <link>.

Class dùng cho nhiều phần tử cùng style. ID duy nhất mỗi trang, độ đặc hiệu cao hơn class (ghi đè class).

<div class="box" id="unique-box">...</div>

Kết Luận

<div> là khối xây dựng bố cục linh hoạt. Hiểu rõ class/id, inline/internal/external CSS, và ưu tiên thẻ ngữ nghĩa khi có thể. Xem thêm về Box Model và Flexbox để làm chủ bố cục.