Khi thiết kế web thì nên dùng CSS hay table?
Đây là một câu hỏi có khá nhiều người còn chưa rõ , và không biết nên dùng cái gì ???
Theo kinh nghiêm của mình thì :Có thể dùng kết hợp cả CSS và table. Table vẫn tốt trong trường hợp dùng để hiển thị text. CSS thì năng động hơn, dễ dàng sửa đổi, nhẹ hơn, và có những tính năng tốt hơn so với table . Nhưng nếu bạn thành thạo về CSS tớ nghĩ bạn nên dùng CSS thì hơn , do dùng table thì lúc tải trang web về máy sẽ lâu lắm . Nó phải tính xem khoảng cách table là bao nhiêu ....Giả sử bên trong table là hình ảnh , lúc này đố bạn hình ảnh sẽ hiên thị trước hay là table hiện thị trước ??? Chắc rằng ai cũng nói là table hiện thị trước rùi . Đúng vậy ! vấn đề này thì "no table" . Nhưng lúc đó trang web của bạn sẽ cảm thấy rất chậm , vì nó sẽ hiện thị hết table rùi mới đến hiện thị hình ảnh , khi đó sẽ rất lâu .
Để khắc phục tình trạng này ta nên dùng thẻ Div và CSS thì tốt hơn . Khi đó hình ảnh sẽ được hiện thị một cách từ từ .Chú ý : bạn nhớ rằng là hình ảnh cần phải định kích thước rõ ràng nhé !!! Vì nếu bạn không làm như vậy , thì lúc tải trang web trình duyệt phải tốn một khoảng thời gian kiểm tra kích thước nữa (do bạn chưa định kích thước cho nó ) .
Ví dụ- CSS dễ dàng code layout với những graphic phức tạp
- CSS dễ dàng thay đổi các thuộc tính, và chỉ cần thay đổi trong 1 file tập trung, chứ không phải thay đổi nhiều files, nếu dùng table. Như vậy sẽ giảm được công việc maintenance rất nhiều, cũng như tránh được sai sót có thể xảy ra
- xét về mặt độ lớn của code, dùng CSS sẽ giảm được rất nhiều dung lượng cho mỗi trang web, so với việc dùng table
- nếu dùng table, phải load hết dữ liệu rồi mới có thể hiển thị. CSS thì có thể load đến đâu hiển thị tới đó
...
nói chung là... nhiều
Thêm đây tớ xin nói thêm một vài bí quyết giúp tăng tốc web của bạn một cách đáng kể nè :
+ Nếu bạn dùng CSS thì hãy đưa CSS lên đầu trang .
+ Nếu dùng Javascript thì đưa Javascript xuống phía dưới trang web và nên đặt JavaScript ở ngoài trang chính , khi đó dùng link để chỉ đến vị trí đoạn mã cần chèn . Nếu có thể bạn chỉ nên dùng ít các đoạn mã Javascript thôi .
+ Vấn đề về table thì bạn không nên dùng table lồng table (load web rất lâu !!!)
Chúc bạn vui vẻ !!!!
Tác giả : Chí Dũng
