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.
Bài viết tạo bởi: VietAds | Lượt xem bài viết: 646,862 (View) | Ngày cập nhật nội dung gần nhất: 26-01-2024 01:02:00
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.
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
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 VietAdsGroup.Vn của công ty chúng tôi!
1
5
