Sử dụng bảng cho dữ liệu, không bố trí trong XHTML
Dữ liệu dạng bảng chỉ đơn giản là dữ liệu chứa trong một bảng. Trong HTML , nó là nội dung nằm trong các ô của bảng - tức là, giữa các thẻ
Tuy nhiên, việc sử dụng bảng tốt nhất là để hiển thị dữ liệu.
Theo W3C:
"Mô hình bảng HTML cho phép tác giả sắp xếp dữ liệu — văn bản, văn bản được định dạng sẵn, hình ảnh, liên kết, biểu mẫu, trường biểu mẫu, các bảng khác, v.v. — thành hàng và cột của ô".
Nguồn: Giới thiệu về các bảng từ đặc tả HTML 4.
Từ khóa trong định nghĩa đó là dữ liệu . Sớm trong lịch sử thiết kế web, các bảng đã được chuyển thể thành các công cụ để giúp đặt ra và kiểm soát cách thức và vị trí của nội dung trang web sẽ xuất hiện. Điều này đôi khi có thể dẫn đến hiển thị kém trong các trình duyệt khác nhau, tùy thuộc vào cách trình duyệt xử lý bảng, do đó, nó không phải lúc nào cũng là một phương pháp thanh lịch trong thiết kế.
Tuy nhiên, khi thiết kế web đã nâng cao và với sự ra đời của các bảng định kiểu xếp tầng (CSS) , sự cần thiết của việc sử dụng các bảng để quản lý các yếu tố thiết kế trang một cách thô bạo đã giảm đi. Mô hình bảng không được phát triển như một cách để các tác giả web thao túng bố cục của trang web hoặc thay đổi cách nó sẽ trông như thế nào với ô, đường viền hoặc màu nền .
Thời điểm sử dụng bảng để hiển thị nội dung
Nếu nội dung bạn muốn đặt trên một trang là thông tin mà bạn mong đợi để xem được quản lý hoặc theo dõi trong một bảng tính, thì nội dung đó gần như chắc chắn sẽ cho vay tốt để trình bày trong một bảng trên trang web.
Nếu bạn sẽ có các trường tiêu đề ở trên cùng của các cột dữ liệu hoặc bên trái của các hàng dữ liệu, thì nó là bảng, và một bảng nên được sử dụng.
Nếu nội dung có ý nghĩa trong cơ sở dữ liệu, đặc biệt là một cơ sở dữ liệu rất đơn giản, và bạn chỉ muốn hiển thị dữ liệu và không làm cho nó đẹp, thì một bảng có thể chấp nhận được.
Khi không sử dụng bảng để hiển thị nội dung
Tránh sử dụng các bảng trong các tình huống mà mục đích không chỉ đơn giản là truyền đạt nội dung dữ liệu.
Không sử dụng bảng nếu:
- Mục đích chính của bảng là định vị nội dung trên trang. Ví dụ: để thêm khoảng cách xung quanh một hình ảnh, để đặt các biểu tượng dấu đầu dòng trên một danh sách hoặc để buộc một khối văn bản hoạt động như một trích dẫn kéo.
- Bạn muốn sử dụng màu nền hoặc hình ảnh đơn giản để tăng thêm trang thay vì gọi ra dữ liệu. Ví dụ, làm nổi bật mọi hàng khác của một bảng là tốt, nhưng chỉ thay đổi các ô phía trên bên phải vì nó làm cho chúng khớp với nền của trang.
- Bạn đang cắt một hình ảnh và sau đó đặt các mảnh hình ảnh lại với nhau trên trang bằng cách sử dụng bảng. Điều này đã rất phổ biến một vài năm trước đây nhưng không còn được coi là chính xác nữa.
Đừng sợ bảng
Có thể tạo một trang web sử dụng các bảng rất sáng tạo cho dữ liệu dạng bảng. Bảng là một phần quan trọng của đặc tả XHTML, và việc học để hiển thị dữ liệu dạng bảng cũng là một phần quan trọng trong việc tạo các trang web.