1900 0366         info@vdo.vn

Nên sử dụng table hay css trong thiết kế website?

Thiết kế website với table sử dụng khi bạn cần trình bày bảng dữ liệu, loại thông tin được sắp xếp theo  các cột dọc và hàng ngang. Các thiết kế website sử dụng table thường dẫn đến 1 số rắc rối cho các designer.

Thiết kế website với css là việc tạo ra các hiệu ứng fornt chữ, màu sắc đẹp hơn có thể kết hợp trong tất cả cá thẻ. Vì tính trục quan, thười gian thiết kế web ngắn và khản năng tương thích trình duyệt cao.  Nên việc thiết kế website dùng css được dùng phổ biến hơn.

Một số lí do khiến các designer từ bỏ việc sử dụng table và chuyển sang dùng css

  • Table làm gia tăng kích thước của site dẫn đến việc tiêu tốn băng thông không cần thiết.
  • Tiêu tốn thời gian hiệu chỉnh nhiều hơn so với việc dùng css nếu website thay đổi.
  • Hiển thị trên điện thoại di động sẽ khá khó xem cho khách hàng.

CSS tốt hơn

CSS-table

Thiết kế website nên sử dụng CSS

Thiết kế layout với CSS có một số thuận lợi đối với việc tối ưu hóa công cụ tìm kiếm (SEO) điển hình là việc có thể đặt nội dung trước các mã lệnh khác bằng thẻ DIV. CSS giúp giảm bớt kích thước của trang web và khách tham quan không cần phải tải về những dữ liệu mang tính chất trình bày khi xem mỗi trang vì chúng đã được lưu trong bộ nhớ tạm (cache) của trình duyệt.

Tham khảo: Thiết kế website phòng khám chuyên nghiệp .

Tối ưu hóa website dựa trên table

Khi một trang web được tạo ra khi dùng table, thông thường phần nội dung chính sẽ nằm ở ô dưới cùng bên phải của table. Các robot quét 1 trang web theo chiều từ trái sang phải và từ trên xuống dưới sẽ đi qua rất nhiều đoạn mã trước khi tiếp cận được nội dung này. Để tránh điều này, chúng ta phải bố trí nội dung vào những ô đầu tiên nằm ở phần trên của table và cách tốt nhất là đưa nội dung lên trên mã HTML bằng cách dịch chuyển phần menu từ trái sang phải. Để các robot có thể đọc nội dung đầu tiên mà vẫn giữ được menu bên trái là tạo ra một ô rỗng nằm trên menu như hình bên dưới.

Tối ưu hóa website dựa trên css

Website dùng CSS sẽ dễ dàng kiểm soát các mã HTML và không mất nhiều thời gian để bố trí vị trí nội dung phù hợp khi các robot tham quan. Việc điều chỉnh thẻ Div sẽ tạo cho bạn đặt từ khóa đúng thuận tiện nhất. Luôn nhớ nguyên tắc hàng đầu từ khóa nằm gần vị trí đầu trang hoặc đầu câu luôn thuận lợi trong việc gia tăng kết quả xếp hạng.

CÔNG TY CỔ PHẦN DỮ LIỆU TRỰC TUYẾN VIỆT NAM (VDO)

Địa chỉ: Số 61 Phố Mễ Trì Thượng, Phường Mễ Trì, Quận Nam Từ Liêm, Thành Phố Hà Nội, Việt Nam

Hotline: 04 7305 6666 – 04 6674 8592 – 04 6674 8593 – 0962 788 835

Địa chỉ: Số 86 Đường số 9, Phường Tân Phú, Quận 7 thành phố Hồ Chí Minh, Việt Nam

Hotline: 08 7308 6666 – 0936 300 136

Tổng đài hỗ trợ kỹ thuật và tư vấn dịch vụ: 1900 0366

>> Xem thêm : Thiết kế website phần mềm ấn tượng.

Hotline tư vấn miễn phí