Tôi hoàn toàn bối rối về vấn đề này, một số nói rằng sử dụng bảng và những người khác nói rằng đó là một thực tế xấu để sử dụng các bảng và thẻ div thay vì được sử dụng. Cách chính xác khi phát triển trang web cho thiết bị di động là gì .mobiBảng so với div trong trang web trên điện thoại di động
Trả lời
Bạn nên sử dụng bảng để trình bày dữ liệu dạng bảng chứ không phải cho bố cục. Hầu hết các trình duyệt web hiện đại trên điện thoại di động (ví dụ: Mobile Safari trên iPhone) đều có khả năng hiển thị chính xác các trang web sử dụng CSS và đánh dấu ngữ nghĩa một cách thích hợp.
Khía cạnh quan trọng cần xem xét là sự khác biệt giữa dữ liệu & bố cục thực tế trên màn hình.
Thông thường, dữ liệu dạng bảng nên được trình bày bằng bảng. Ví dụ: xem xét bảng cân đối công ty làm ví dụ về dữ liệu dạng bảng có thể được hiển thị bằng cách sử dụng các bảng HTML.
Nhưng, nếu bạn cần để hiển thị nội dung bình thường (mà không được bảng trong tự nhiên) trong hàng & cột, có những lựa chọn thay thế khác như sử dụng DIV & thẻ SPAN và một chút CSS để xác định vị trí & phong cách nội dung để làm cho nó trông giống như bố cục bảng. Một ví dụ điển hình về cách bố trí như vậy có thể là một bài báo được hiển thị trên một tờ báo. Trong khi bố cục nằm trong các cột &, nội dung tin tức không phải là bảng.
Có rất nhiều bài viết ngoài đó, đó là cuộc tranh luận tại sao đây là một phương pháp hay.
Với trường hợp của bạn, tôi khuyên bạn nên sử dụng cấu trúc dựa trên DIV thông thường với kiểu dáng dựa trên CSS để cung cấp hiệu ứng mong muốn & sử dụng BẢNG cho dữ liệu dạng bảng.
HTH.
Có, lý thuyết nói rằng bạn nên sử dụng bảng để trình bày dữ liệu dạng bảng, không phải cho bố cục. Nhưng hầu hết các trình duyệt web trên thị trường không hiển thị đúng bố cục phức tạp với các div nổi, CSS nâng cao, v.v.
Mọi thứ đang thay đổi nhanh chóng và như những người khác đã nói, hầu hết các trình duyệt web hiện đại trên điện thoại di động (thông minh) (iPhone, Android ...) có hỗ trợ HTML/CSS/Javascript tuyệt vời.
Nếu bạn chỉ có những thiết bị này trong tâm trí, bạn có thể đi với DIV/CSS bố trí, vì nó là sự lựa chọn đúng từ một điểm ngữ nghĩa của xem. Nhưng nếu bạn muốn bao gồm một loạt các thiết bị, hãy sử dụng các bảng như bạn sẽ đảm bảo các trang của bạn sẽ hiển thị chính xác trong nhiều thiết bị hơn.
- 1. Sự cố với trang web trên điện thoại di động
- 2. Cách kích hoạt cuộc gọi điện thoại khi nhấp vào liên kết trong trang web trên điện thoại di động
- 3. Buộc tải xuống mp3 cho trang web trên điện thoại di động trên iPhone
- 4. Hình động và Điện thoại không hoạt động trên điện thoại di động
- 5. Cách đúng để sử dụng điện thoại di động và điện thoại di động với nhiều trang html
- 6. Tôi nên sử dụng loại tài liệu nào cho trang web trên điện thoại di động?
- 7. Làm cách nào để tạo trang web trên Điện thoại di động như m.yahoo.com (Phiên bản Di động)?
- 8. jquery splash screen điện thoại di động với javascript
- 9. Phát triển các trang web có cùng API với điện thoại di động
- 10. Jquery thay đổi điện thoại di động trang
- 11. Gỡ lỗi trong trình duyệt trên điện thoại di động?
- 12. window.scrollTo không hoạt động trong điện thoại di động
- 13. Số hiển thị HTML trên điện thoại di động
- 14. Trong javascript 'Nếu điện thoại di động'
- 15. cảm biến điện thoại di động
- 16. Làm cách nào để thiết kế trang web cho điện thoại di động
- 17. setTimeout không hoạt động trên điện thoại di động safari
- 18. Cụ thể về phát triển trang web cho điện thoại di động Nhật Bản; thử nghiệm?
- 19. Tôi có thể ngăn điện thoại ngủ trên trang web
- 20. Máy quét mã vạch cho điện thoại di động cho Trang web theo mẫu
- 21. Làm cách nào để tự động định lại kích thước hình ảnh cho trang web trên điện thoại di động?
- 22. Phonegap có thể hiển thị trang web trên điện thoại di động của tôi trong trình duyệt được nhúng không?
- 23. Hiệu năng GetImageData()/PutImageData() trên điện thoại di động
- 24. asp.net mvc, jquery điện thoại di động, thực hành tốt nhất về kiến trúc điện thoại
- 25. Phát âm thanh với điện thoại di động jquery
- 26. sử dụng iscroll với điện thoại di động jquery
- 27. Nút bật/tắt trên điện thoại di động jQuery?
- 28. không ẩn tải cho đến khi trang tải hoàn toàn trong điện thoại di động jquery
- 29. Làm cách nào để mở bản đồ iOS 6 từ trang web trên điện thoại di động?
- 30. Làm cách nào để chuyển hướng đến trang web trên điện thoại di động nhưng giữ thẻ băm?
Một lưu ý tôi sẽ thêm vào câu trả lời này là bạn cần đảm bảo rằng bạn hiểu đối tượng mục tiêu của mình. Nếu người dùng điện thoại thông minh của mình ở Mỹ hoặc châu Âu, thì có, divs là con đường để đi. Nếu đối tượng mục tiêu của bạn là người dùng điện thoại tính năng thì trình duyệt sẽ ít phức tạp hơn và bạn sẽ cần phải dựa vào bảng để bố cục. Nếu đó là cả hai thì bạn nên nhìn vào sự khác biệt dựa trên thiết bị di động/trình duyệt. Để tìm hiểu về các khung công tác như WURFL hoặc DeviceAtlas. – Kevin
@Kevin Đó là một điểm tốt. –