Thẻ DIV Là Gì? Tìm Hiểu Về Thẻ DIV Là Gì?

Cũng như table trước đây khi ta sử dụng để xây dựng bố cục website thì thẻ div cũng có tác dụng tương đương như vậy. Thẻ div giúp ta bố cục menu, ảnh bìa, khung thông tin.

  • Tạo bởi: | Lượt xem: 6,220 (View) | Ngày tạo: 2021-06-10 22:36:22
  • Ðánh giá: 1 11 21 31 41 5(5 sao 7 đánh giá)


Thẻ div là gì? 

 

"Thẻ

" là từ viết tắt của division và nếu như thẻ
không kết hợp với Css mà sử dụng độc lập thì sẽ không có tác dụng như thẻ table.Thẻ
 cũng rất giống cá thẻ trong table trước đây, cũng có chiều dài, độ rộng và chiều cao.
 

Trước đây html thường dùng table để chia cột và hàng trong html nhưng nó làm cho website load rất chậm và rất dễ bị vỡ trang và đặc biệt là sẽ rất bất lợi cho SEO vì google sẽ rất khó để có thể đọc website khi sử dụng table. 

Bạn đang học HTML muốn tìm hiểu về CSS và các loại thẻ trong CSS? Tôi sẽ giới thiệu với các bạn ý nghĩa và tác dụng 1 thẻ trong CSS là thẻ DIV.
 

 

Thẻ DIV Là Gì? Tìm Hiểu Về Thẻ DIV Là Gì?

Hình 1: Thẻ div là gì? 

 

Dùng thẻ Div để làm gì?


Cũng như table trước đây khi ta sử dụng để xây dựng bố cục website thì thẻ

cũng có tác dụng tương đương như vậy. Thẻ
 giúp ta bố cục menu, ảnh bìa, khung thông tin.
 

Thẻ DIV Là Gì? Tìm Hiểu Về Thẻ DIV Là Gì?

Hình 2: Dùng thẻ Div để làm gì?

Khi sử dụng được những lợi ích gì?


  • Khi sử dụng thẻ Div sẽ giúp website của chúng ta load nhanh hơn do nó ngắn gọn hơn không dài và dư thừa như table.
  • Để sửa chữa thay đổi tìm chỗ cần thay đổi cũng dễ dàng và nhanh chóng hơn vì nó đã được quy định ở CSS nên chỉ cần sửa ở CSS là tất cả đều thay đổi.
  • Đặc biệt thẻ Div tương tác dễ dang và thuận tiện hơn với các công cụ tìm kiếm giúp cho việc SEO dễ dang hơn rất nhiều.
  • Div sẽ làm cho website load nhanh hơn do chúng ta sử dụng mã html ngắn gọn hơn, ít dư thừa hơn so với table.
  • Khả năng phát triển, thay đồi, sữa chữa website nhanh hơn. Chỉ cần chỉnh sửa CSS thì mọi đối tượng trên trang đều thay đổi.
  • Div dễ tương tác với các công cụ tìm kiếm và thuận tiện hơn cho việc làm SEO.

Cách viết thẻ


Đầu tiên tạo file html và tạo 1 thẻ div với dòng text ví dụ “thẻ div là gì“

 

Thẻ DIV Là Gì? Tìm Hiểu Về Thẻ DIV Là Gì?

Hình 3: Cách viết thẻ

là gì?
 

Tiếp đó ta tạo 1 file CSS có tên stylediv.css và quy định kích thước cho thẻ div của chúng ta
 

Thẻ DIV Là Gì? Tìm Hiểu Về Thẻ DIV Là Gì?

Hình 4: Quy định kích thước cho thẻ div của chúng ta
 

Khi bạn viết xong file Css thì bắt đầu gọi thẻ div vào dùng bằng câu lệnh. Bây giờ chạy và xem kết quả nhưng bạn sẽ không thể thấy được thẻ div vì nó trong suốt ko màu ko border  chỉ thấy 1 dòng text thẻ div là gì?. Vậy để nhìn thấy nó thì các bạn sẽ cho 1 thuộc tính background màu đỏ vào trong file Css 
 

Thẻ DIV Là Gì? Tìm Hiểu Về Thẻ DIV Là Gì?

Hình 3: Bắt đầu gọi thẻ div vào dùng bằng câu lệnh
 

Chạy và xem các bạn sẽ thấy được thẻ div của chúng ta hiển thị như thế nào.


Kết Luận: Khi sử dụng thẻ Div sẽ giúp website của chúng ta load nhanh hơn do nó ngắn gọn hơn không dài và dư thừa như table. Đặc biệt thẻ Div tương tác dễ dang và thuận tiện hơn với các công cụ tìm kiếm giúp cho việc SEO dễ dang hơn rất nhiều. Div sẽ làm cho website load nhanh hơn do chúng ta sử dụng mã html ngắn gọn hơn, ít dư thừa hơn so với table.

Trân trọng! Cảm ơn bạn đã luôn theo dõi các bài viết trên Website của công ty chúng tôi!

Quay lại danh mục "Hỏi đáp là gì" Quay lại trang chủ



Thẻ DIV Là Gì? Tìm Hiểu Về Thẻ DIV Là Gì?

  • VietAds

    "VietAds gửi lời cảm ơn tới quý khách hàng đã luôn tin dùng dịch vụ quảng cáo trực tuyến hiệu quả suốt chặng đường 9 năm vừa qua! - Đăng nhập"

  • CÔNG TY CỔ PHẦN TRỰC TUYẾN VIỆT ADS



Top bài viết liên quan
Top bài viết xem nhiều