Tránh lạm dụng thẻ Div| Kiến thức website | Thêết kế website chuẩn

Trang chủ » Cổng thông tin » Kiến thức website » Tránh lạm dụng thẻ Div

Tránh lạm dụng thẻ Div

Chủ nhật, 23/05/2010 GMT+7 thiết kế web - Con Đường Việt - Hosting - Domain - Chăm sóc website

Share |
Định nghĩa của thẻ Div

Thẻ div là một dạng Block-level Element nó giúp định dạng một phần của trang web. Cho nên người ta hay sử dụng thẻ div để định dạng cấu trúc cho trang web. Div đơn thuần chỉ là một thành phần trống, không nội dung, không ý nghĩa nếu nó không được khai báo trong CSS. Chính vì thế Div được sử dụng để định dạng một thành phần mà các thành phần Block Element khác không phù hợp. Khi những người mới học về định dạng trang web bằng Div họ có xu hướng sử dụng div nhiều hơn mức cần thiết và tôi gọi vui là “chủ nghĩa duy div”

Sử dụng ban đầu khó hơn Table

Khi mới làm quen với div, bạn nhận thấy nó khó sử dụng hơn Table rất nhiều. Bởi vì Table nó trực quan hơn và đặc biệt là khi bạn sử dụng những chương trình WYSIWYG thì thiết kế trang web giống như tạo bẳng trong Excel vậy. Nhưng để sử dụng được div theo ý muốn thì bạn phải có kinh nghiệm với CSS, phải biết và hiểu được sự giống và khác nhau giữa Block element và Inline Element, khi nào thì sử dụng float và khi nào thì sử dụng Absolute Position và làm cho giao diện tương thích với mọi trình duyệt.

Đặc biệt là khi bạn chưa hiểu sâu về CSS, khi làm giao diện với div bạn sẽ thấy các thành phần chạy không theo ý muốn và dễ dàng cảm thấy nản và bỏ cuộc. Nhất là khi bạn phải sử dụng div để tạo một giao diện phức tạp với nhiều thành phần khác nhau. Nhưng bạn cứ kiên trì làm giao diện từ nhỏ đến lớn, từ đơn giản đến phưc tạp. Mỗi khi bạn làm thành công một giao diện là bạn đã hiểu thêm một chút về div.

Lỗi thường gặp khi sử dụng div

Một vấn đề nghiêm trọng nhất khi sử dụng div là sử dụng quá nhiều thẻ div không cần thiết. Div chỉ nên được sử dụng là một dàng hộp chứa nội dung khi mà các thành phần block element khác không thể làm được. Khi code HTML của bạn lồng nhiều thẻ div vào với nhau, đó là lúc bạn nên xem lại code của mình có vấn đề. Mỗi khi bạn định thêm một thẻ div, hãy nghĩ lại lần nữa xem mình có thực sự cần nó không.

Hình tượng hóa một chút cho bạn dễ hiểu. Giả sử khi bạn làm giao diện cũng giống như bạn gói gém đồ đạc để chuyển nhà. Bạn muốn cho tất cả đồ đạc của mình vào hộp để di chuyển. Nhưng bạn muốn phần loại nó ra cho dễ quản lý. Sách bào vào một hộp, băng đĩa vào một hộp, chăn ga gối đệm vào một hộp, máy tính game vào một hộp v.v.. Như thế thì rất hợp lý và không ai có thể nói được gì. Nhưng tưởng tượng khi bạn gói hộp có id= Sách Vở bạn sẽ không gói từng quyển sách vào một hộp nhỏ chứ?.

Điều mà mọi người thường làm là cho hết tất cả sách vở vào hộp có id=sach_vo chứ không ai lại gói từng cuốn sách vào một hộp riêng rồi lại cho hết các hộp nhỏ này vào một hộp lớn. Như thế nó vừa khó quản lý, tốn kém thời gian, bày bừa nhà cửa, hao tốn tài nguyên .v.v

Tương tự khi sử dụng div. Khi bạn tạo một div với id=’banner’ thì bạn sẽ cho hết những gì liên quan đến banner vào trong thẻ div này. Tất cả những thứ như logo, Slogan, Navigation v.v.. sẽ nằm trong div này và các thành phần này không cần phải có div bao quanh từng thành phần nhỏ nữa...
 
(Sưu tầm)
Viết Nội Dung

Các bài viết Thiết kế web - Hosting - Domain

Cong ty Thiet ke web, thiet ke web, dich vu thiet ke web, thiet ke trang web, lưu trữ website , Domain name, tên miền

Du an Thiet ke web - Thiet ke website : Thiet ke web cong ty, thiet ke web ban hang, thiet ke web kinh doanh, thiet ke web du lich, thiet ke web nha dat, thiet ke, thiet ke web top
Cong ty thiet ke web - dich vu thiet ke website : Vietnam web design, design, hosting, dich vu thiet ke web, cong ty thiet ke web, cong ty thiet ke website, dich vu thiet ke website thiet ke web Tạo bản đồ ứng dụng google trên website của bạn hosting - domain Thiết kế website và trải nghiệm của người sử dụng thiet ke web Người dùng sẽ tự thiết kế trang chủ cho Google hosting - domain Thay đổi tên miền nhưng không ảnh hưởng đến traffic và ranking thiet ke web Tránh lạm dụng thẻ Div hosting - domain Tại sao doanh nghiệp bạn cần có website ? thiet ke web Những lưu ý khi chuẩn bị xây dựng website hosting - domain Định hướng cho một website doanh nghiệp thiet ke web Tăng tốc website hosting - domain Lựa chọn dịch vụ thiết kế website thiet ke web Làm thế nào để xây dựng một website cá nhân từ một mẫu website miễn phí hosting - domain Làm thế nào để tạo một xưởng thiết kế web ( Phần 1) thiết kế web Tám Điều Nên & Không Nên Khi Thiết Kế Website (Phần 2) thiết kế web Tám Điều Nên & Không Nên Khi Thiết Kế Website (Phần 1) thiết kế web Thiết kế Brochure thế nào để đạt hiệu quả cao? thiết kế web Nguyên tắc thiêt kế website thiết kế web 24 Điều cần biết khi thiết kế một trang Web thiết kế web Nguyên tắc thiêt kế website thiết kế web Điều hướng truy cập Website thành công thiết kế web Làm thế nào tạo được tương tác thiết kế web thiết kế web 10 thủ thuật hoạch định một website thành công (Phần II) thiết kế web 10 thủ thuật hoạch định một website thành công (Phần I)