Mỗi thẻ (hay mỗi phần tử) trong HTML đều có chức năng và nhiệm vụ riêng. Trong đó, thẻ div là thẻ được sử dụng khá nhiều. Vậy cụ thể thẻ div là gì và nó có nhiệm vụ thế nào trong HTML?
1. Định nghĩa thẻ div là gì?
div – viết tắt của division – là thẻ được dùng để nhóm nhiều phần tử HTML lại với nhau. Mỗi thẻ trong HTML đều có mục đích khác nhau. Ví dụ như thẻ (viết tắt của paragraph) được dùng để chỉ định một đoạn văn bản nhất định, hay thẻ dùng để ngắt đoạn văn bản trong HTML. Thẻ
giúp các tài liệu HTML được chia thành các phần (khối) riêng biệt.
Đang xem: Thẻ div là gì, cách dùng thẻ div trong html từ a Đến z cách dùng thẻ div trong html từ a Đến z
2. Tác dụng của thẻ div trong HTML
Thẻ div được dùng để nhóm các phần tử lại với nhau trong các khu vực của website. Các khu vực đó bao gồm: header (nhóm nội dung ở đầu trang web), global navigation (liên kết giữa các trang trong website), page body (thân nội dung của trang), content (gồm text và hình ảnh của bài), sidebar (nội dung phụ chạy dọc hai bên trái phải trang web), footer (nhóm nội dung ở cuối trang web).
Ngoài ra, một số cấu trúc hoặc các khu vực lớn bên trong chứa nhiều thẻ cũng được khuyên dùng thẻ div để phân nhóm. Việc nhóm các cấu trúc lại bằng thẻ
sẽ giúp cho quá trình định dạng, điều khiển,… nguyên cụm dễ dàng hơn rất nhiều. Người dùng chỉ cần thêm hoặc bớt đặc tính bằng một dòng có gắn thẻ div là khối nội dung đó sẽ thay đổi như yêu cầu.
Xem thêm: Use By Là Gì – Cách Đọc Đúng Hạn Sử Dụng Trên Bao Bì Thực Phẩm
Bạn hãy cùng xem ví dụ mẫu dưới đây để hiểu rõ hơn tác dụng của thẻ div là gì trong HTML
dinh nghia the div la gi
tac dung cua the div trong HTML
phan biet su khac nhau giua the span va the div
Kết quả của đoạn code trên như sau
dinh nghia the div la gi
tac dung cua the div trong HTML
phan biet su khac nhau giua the span va the div
Trong ví dụ trên, nguyên cụm text gồm 3 dòng được nhóm lại. Chúng có chung định dạng cỡ chữ size 20 và màu chữ là đỏ. Nếu bạn muốn thay cả cụm 3 dòng này thành màu xanh dương, chỉ cần thay giá trị “red” trong câu lệnh bằng “blue” là được.
Xem thêm: Timesheet Là Gì ? Định Nghĩa, Ví Dụ, Giải Thích Tra Từ Time
3. Phân biệt sự khác nhau giữa thẻ span và thẻ div
Thẻ span và thẻ div có chung tác dụng là nhóm các phần tử trong HTML, vậy nên chúng thường bị nhầm lẫn khi sử dụng. Vậy cụ thể sự khác biệt giữa 2 thẻ span và div là gì?
Cụ thể, thẻ div gom các phần tử theo khối (block), nhóm các phần tử thành một khối. Trong khi đó, thẻ span gom các phần tử một dòng (inline), nhóm các hình ảnh, văn bản thành một nhóm nhỏ. Một cách dễ hiểu, thẻ span dùng cho một nhóm nội dung đơn lẻ, còn thẻ div dùng với các khối (gồm nhiều nhóm nội dung).
4. Những thẻ không được dùng bên trong thẻ div là gì
Những thể không được chứa bên trong thẻ div bao gồm: , ,