Làm thế nào để Tránh HTML5 Table-Based Layout Trap - núm vú

Bàn là khá tuyệt. Họ là một cách tuyệt vời để trình bày một số loại dữ liệu nhất định bằng cách sử dụng HTML5. Khi bạn thêm các khái niệm và, bạn có thể sử dụng bảng để tạo ra một số bố cục khá thú vị. Trên thực tế, vì HTML của trường học thực sự không có bất kỳ công nghệ bố cục nào, rất nhiều nhà phát triển đã đưa ra một số bố cục khá tuyệt vời dựa trên bảng.

Sử dụng bảng biểu cho cách bố trí gây ra một số vấn đề mặc dù, chẳng hạn như

• Các bảng không có nghĩa là để bố trí. Bàn được thiết kế để trình bày dữ liệu, chứ không phải bố cục. Để làm cho bảng làm việc cho bố cục, bạn phải làm rất nhiều các cuộc tấn công lén lút, chẳng hạn như các bảng được lồng bên trong các bảng khác hoặc các hình ảnh vô hình cho khoảng trống.

• Mã sẽ trở nên phức tạp nhanh. Các bảng có nhiều đánh dấu HTML. Nếu mã liên quan đến các bảng được lồng bên trong nhau, rất khó để nhớ được phần tử nào liên quan đến hàng nào trong bảng đó. Bố trí theo bảng rất khó sửa đổi bằng tay.

• Định dạng được thực hiện bằng ô. Một trang web có thể bao gồm hàng trăm ô trong bảng. Thay đổi phông chữ hoặc màu sắc thường liên quan đến việc thay đổi hàng trăm ô trong suốt trang. Điều này làm cho trang của bạn ít linh hoạt hơn và khó hơn để cập nhật.

• Trình bày được gắn chặt với dữ liệu. Một bảng bố trí dựa trên chặt chẽ intertwines các dữ liệu và trình bày của nó. Điều này chạy ngược với mục tiêu chính của thiết kế web - tách dữ liệu khỏi bản trình bày.

• Bố cục theo bảng rất khó thay đổi. Sau khi bạn tạo bố cục dựa trên bảng, rất khó để sửa đổi bởi vì tất cả các ô của bảng đều có thể có hiệu lực trên các ô khác.

• Bố trí theo bảng gây ra vấn đề cho trình đọc màn hình. Người khuyết tật thị giác sử dụng phần mềm đặc biệt để đọc các trang web. Các trình đọc màn hình này thích hợp để đọc các bảng như dự định (để quản lý dữ liệu dạng bảng), nhưng người đọc màn hình không biết cách nào khi bảng được sử dụng như là một kỹ thuật bố trí chứ không phải là công cụ trình bày dữ liệu. Điều này làm cho bố trí dựa trên bảng ít tuân thủ các tiêu chuẩn khả năng truy cập.

• Bố cục theo bảng không thích hợp. Người dùng hiện đại mong đợi chạy các trang trên điện thoại di động và máy tính bảng cũng như máy tính để bàn. Thiết kế dựa trên bảng không dễ dàng được quy mô để các yếu tố hình thức nhỏ hơn.

Chống lại sự cám dỗ để sử dụng các bảng để bố trí. Sử dụng các bảng để làm những gì chúng được thiết kế cho: trình bày dữ liệu. Các phương pháp tiếp cận dựa trên CSS bạn có thể sử dụng để tạo ra bất kỳ loại bố cục trực quan nào bạn muốn là dễ dàng, đáng tin cậy hơn và linh hoạt hơn nhiều.