2011-07-09 47 views
9

Vâng, khác divs vs bảng câu hỏi ...Divs vs bảng cho dữ liệu bảng

tôi đọc khắp nơi rằng "cố gắng sử dụng các div thay vì bảng", nhưng tôi có một ứng dụng hiển thị dữ liệu đó là dạng bảng, về cơ bản toàn bộ ứng dụng web của tôi hiển thị các bảng (với các cột và dữ liệu khác nhau) nhưng mọi thứ đều là bảng ... Tôi có nên sử dụng strugle để sử dụng các div không? Nếu đúng thì tại sao?

+0

Không có vấn đề gì trong 'DIV' .. sử dụng nhiều thuộc tính sẽ hoạt động giống như bảng .. một trong số đó là 'display: inline-table' ... nghiên cứu thêm trên web. – diEcho

+0

div là tốt cho phân chia trang.Trong quá khứ người sử dụng bảng để chia trang. Bây giờ bạn có thể làm điều đó với div. –

Trả lời

-1

Tôi không nghĩ rằng bạn nên đấu tranh để sử dụng div bởi vì cá nhân tôi sẽ không nhưng có lẽ điều này sẽ giúp đỡ.

Why not use tables for layout in HTML?

+2

Lưu ý * đối với bố cục * bit. Những câu trả lời đó, cũng như về tất cả các câu lệnh nghiêm trọng "không sử dụng bảng [...]", nói hoàn toàn không có gì về việc sử dụng các bảng cho, tốt, * bảng *. – delnan

3

Không có gì sai với bảng được đánh dấu đúng với CSS. Đối với dữ liệu dạng bảng, các bảng là lựa chọn tự nhiên, không cố gắng mô phỏng chúng bằng cách sử dụng div; ngoại trừ vài trường hợp divs có thể sạch hơn.

Số lượng và bảng đều chỉ là công cụ theo ý của bạn. Tìm hiểu thời điểm áp dụng đúng công cụ cho đúng công việc.

29

Sử dụng bảng cho dữ liệu dạng bảng. Tiếng gõ cửa trên bàn là khi chúng chỉ được sử dụng cho mục đích bố trí. Họ có mục đích riêng của họ, và đó là dữ liệu dạng bảng. Div không có ý nghĩa ngữ nghĩa và không được sử dụng cho dữ liệu dạng bảng.

+4

+1. Sử dụng bảng cho dữ liệu dạng bảng. Và hãy nhớ đánh dấu các tiêu đề bảng phù hợp để chúng hoạt động trơn tru với trình đọc màn hình. –

+0

Ngoại trừ việc có những thứ như chiều rộng tối đa để hoạt động, bạn phải quấn từng ô trong div anyways – Justin808

+1

Và nếu trang web của bạn không quan tâm đến trình đọc màn hình? chúng ta vẫn nên sử dụng các bảng cho dữ liệu dạng bảng? Sau đó, người ta có thể lập luận rằng tôi có thể làm cho mã của tôi có thể đọc được (bởi dev) bằng cách thêm các tên lớp có liên quan vào các div tương ứng giữ dữ liệu bảng của tôi. –

2

Không, bạn PHẢI sử dụng bảng cho dữ liệu dạng bảng! Bảng tồn tại cho mục đích đó, bạn phải tránh bảng chỉ cho mục đích bố trí bằng cách sử dụng divs thay thế.

4

Không! Nếu các bảng không được sử dụng cho mã của bạn, chúng sẽ bị loại bỏ. Bàn có cách sử dụng phù hợp và việc sử dụng đó là dành cho dữ liệu dạng bảng! Đây là thời gian để sử dụng chúng (không phải để trình bày hoặc thiết kế). Vì vậy, bằng mọi cách, hãy sử dụng các bảng!

Tôi khuyên bạn nên cung cấp thẻ phụ đề trong bảng để cung cấp cho những người có thể đang sử dụng trình đọc màn hình (ví dụ như người lướt web mù) ngữ cảnh thích hợp.

Ví dụ:

<table> 
    <caption>Corporate Information of Current Employees</caption> 
    <tr> 
     <td class="employeeName">Jim Jones</td> 
... 

Đừng sợ các xu hướng hiện tại. Bảng nên được sử dụng cho dữ liệu dạng bảng. Bạn đang làm đúng :)

Dive Into Accessibility cũng cung cấp nhiều mẹo hữu ích.

2

Không sử dụng bảng cho "LAYOUT" vì nhiều lý do bạn đã tìm thấy trên web. Nhưng để hiển thị "DỮ LIỆU" bạn vẫn có thể sử dụng bảng.

hầu hết các ngôn ngữ kịch bản lệnh phía máy chủ như ASP.NET tạo bảng cho GridViews để chúng không bị "sử dụng sai trái".

Để bố cục, tôi khuyên bạn nên thực hiện các bố cục insteresting khác nhau mà mọi người đã thiết kế cho một "HTML đơn" trong CSS Zen Garden.

Các vấn đề liên quan