Điều gì đã xảy ra với thẻ bảng HTML?

Tôi bắt đầu viết mã HTML vào năm 1998 và trong thời gian đó tôi đã sử dụng rất nhiều thẻ bảng, chơi với tr và td, tôi đã học được nhiều điều khi phân tích mã nguồn của nhiều cổng trên internet bằng notepad và Microsoft FrontPage, sau này, aw, Có bao nhiêu bàn chồng lên nhau, thật là vui, tôi yêu thời gian đó.

Tuy nhiên, tôi đã từ bỏ lập trình web trong gần bảy năm và năm nay tôi quyết định xem chương trình web ngày nay như thế nào. Có vẻ như hoàn toàn khác nhau, vì hầu hết các trang web không sử dụng thẻ bảng và thay vào đó sử dụng thẻ div và span.

Tại sao điều này xảy ra? Những thẻ mới này là gì và tại sao thẻ bảng không còn được sử dụng?

Các World Wide Web Consortium (W3C) đã phát triển đầu tiên Cascading Style Sheets đặc điểm kỹ thuật vào tháng Mười Hai năm 1996. Cascading Style Sheets (CSS) đã từ triệt để phát triển và thực hiện việc tách nội dung HTML từ dữ liệu trình bày phổ biến hơn ở các trang web phổ biến.

Mặc dù các trang web ngày nay vẫn có thể dựa vào các khai báo kiểu nội tuyến để đạt được các hiệu ứng mong muốn, nhưng hiệu quả hơn là bao gồm dữ liệu trình bày (chiều cao phần tử, chiều rộng, phần đệm, lề, định vị tuyệt đối, v.v.) trong một tệp CSS được tham chiếu bởi nhiều HTML tài liệu hơn để cập nhật mọi phiên bản của nội dung HTML khi nhu cầu trình bày thay đổi.

Việc sử dụng CSS của trình duyệt đã không xảy ra trong một đêm (đó là lý do tại sao một số trang web lớn vẫn dựa vào các bảng để đạt được sự trình bày thống nhất trên nhiều loại trình duyệt vào những năm 2000) và trong khi một số trình duyệt tiếp tục khác nhau trong việc triển khai các thông số kỹ thuật CSS của W3C các trình duyệt không hỗ trợ CSS1 rất không phổ biến, vì vậy rất ít trang web phổ biến dựa vào các bảng để đạt được trình bày tương thích với nhiều trình duyệt.

Các 12 bài học cho những Sợ CSS và Tiêu chuẩn bài viết (xuất bản năm 2006) tại A List Apart và bình luận của CSS Snapshot của W3C có thể là một tốt điểm bắt đầu nếu bạn muốn bắt kịp về sự chuyển đổi từ bố trí bảng dựa trên CSS.

Không đi vào toàn bộ lịch sử phát triển của nhà phát triển web ...
Các bảng không bao giờ có nghĩa là để thực hiện bố cục trang; đây là bit quan trọng nhất Sử dụng chúng theo cách đó là một cách giải quyết do công nghệ thời đó mang lại, cả thông số kỹ thuật không hoàn chỉnh và trình duyệt không có khả năng. Cuối cùng, những vấn đề đó (hầu hết) đã được giải quyết và bây giờ nó không thực sự cần thiết nữa.

Các trang web SE thường cho các câu hỏi thực tế hơn, ví dụ. Làm thế nào để tôi ... nhưng nếu bạn muốn biết thêm chi tiết, nhiều cuốn sách HTML cấp độ mới bắt đầu và có vẻ như bạn đang bắt đầu trên toàn bộ các trang cá nhân có một cái nhìn tổng quan về những gì bạn đang hỏi về tài liệu giới thiệu.

Bảng vẫn tồn tại trong đặc tả html. Nhưng chúng nên được sử dụng để hiển thị dữ liệu ở dạng bảng! (Mặc dù đánh dấu bảng đã phát triển phần nào, với nhãn cột và nhóm có phần dễ áp ​​dụng hơn theo cách hợp lý).

Nếu bạn có hình ảnh và nội dung tin tức mà bạn muốn viết cho một trang web, bạn nên tránh xa các bảng vì những lý do được nêu ra bởi những người khác trả lời câu hỏi này.

Nếu bạn muốn hiển thị một tài khoản tháng trong một trang, thì bằng mọi cách, bạn nên sử dụng các bảng để làm điều này.

Không phải ai, vài năm trước (và vẫn vậy, nếu bạn hỗ trợ IE 6), bảng là lựa chọn tốt nhất để khẳng định bố cục giống nhau cho tất cả các trình duyệt.

Các khung từ chối sử dụng các bảng để làm bố cục, như Ext, đã kết thúc tính toán kích thước một cách linh hoạt thông qua việc thay đổi kiểu khi thay đổi kích thước, khiến chúng hoạt động lỗi trên một số trình duyệt (IE 6 đã đề cập trước đó).

Các bảng vẫn được sử dụng làm cơ sở cho bố trí lưới trong các khung khác nhau (ví dụ Icefaces).

Tôi vẫn bí mật sử dụng chúng.

Quan trọng nhất là chúng vẫn còn trong HTML5: http://www.w3schools.com/html5/tag_table.asp . Vì vậy, nó là hoàn toàn an toàn để sử dụng chúng cho nhu cầu bố trí xoắn của bạn.

Chỉnh sửa: (Sau khi được bình chọn một chút) Một ví dụ tuyệt vời về "nhu cầu bố trí xoắn" là sử dụng các bảng trong e-mail hàng loạt của bạn. Nếu bạn muốn Junkmail của bạn trông gợi cảm như hiệu ứng đã hứa của sản phẩm, bạn không thể sử dụng hầu hết CSS.

Tôi không phải lúc nào cũng sử dụng những cái hack bẩn thỉu, nhưng khi tôi làm thì tôi thích những cái hack sẽ tồn tại trong mười năm tới.