2010-05-19 20 views
25

Tôi là một nhà thiết kế có chiến lược tiếp thị chính là khả năng tương thích đa trình duyệt. Tôi đảm bảo với khách hàng rằng trang web sẽ hoạt động ngay cả trong IE6 (!).Có cách nào để chuyển sang HTML 5 và vẫn hứa hẹn khả năng tương thích đa trình duyệt không?

Cuối năm tôi đã cân nhắc vấn đề chuyển sang HTML 5. Lý do đằng sau sự lo ngại của tôi là IE6 vẫn là người chơi chính về thị phần và tôi không muốn mất nó.

Có cách nào để chuyển sang HTML 5 và vẫn hứa hẹn khả năng tương thích đa trình duyệt không?

Cảm ơn bạn.

+0

Không phải của bạn bao gồm IE6 trong nhiều trình duyệt của bạn. –

+4

Chính xác những gì bạn mong đợi từ HTML5? Bạn muốn sử dụng các tính năng nào? – RoToRa

+1

Liên quan: http://stackoverflow.com/questions/2660261/html5-for-ie6-0 http://stackoverflow.com/questions/1188770/is-it-time-to-start-developing-with-html5 http : //stackoverflow.com/questions/1933241/is-valid-html5-ok-to-use-now –

Trả lời

33

Có, bằng cách thực hiện các bước em bé.

Để bắt đầu, bạn có thể chuyển sang loại tài liệu HTML5: <!DOCTYPE html>. Công tắc này chỉ chuyển mọi trình duyệt ra khỏi chế độ "chuẩn", giống như một loại tài liệu HTML 4 nghiêm ngặt.

Sau đó, có các yếu tố mới. Internet Explorer không thể tự tạo kiểu cho chúng, nhưng có một chút sửa lỗi javascript hữu ích: http://code.google.com/p/html5shiv/

Nếu bạn hoặc các công cụ của bạn chưa sẵn sàng (ví dụ: một số CMS loại bỏ các thẻ HTML mà chúng không hiểu) , sau đó trong thời gian tạm thời, bạn có thể sử dụng các lớp, ví dụ thay vì <article>, hãy sử dụng <div class="article">.

Đối với các điều khiển biểu mẫu mới, chúng cũng tương thích ngược. Vì vậy, <input type="email"> sẽ hoạt động chính xác giống như cách <input type="text"> trong các trình duyệt không hỗ trợ. Nếu cần thiết, bạn có thể sử dụng javascript để điền vào các khoảng trống. Xem http://diveintohtml5.ep.io/forms.html để biết thêm về điều đó.

Đối với <video><audio>, bạn có thể quay lại <object> cho các trình duyệt cũ hơn - ví dụ: http://camendesign.com/code/video_for_everybody. Trong khi đó, <canvas> có thể được mô phỏng trong javascript, ví dụ: http://code.google.com/p/explorercanvas/.

+3

+1 Câu trả lời hay. –

+0

rất thú vị! có vẻ dễ dàng – ZX12R

1

Theo nguyên tắc, tôi sẽ không phát triển một trang web thuần túy trong HTML 5 nhưng sẽ xem xét sử dụng nó cho một số, phong phú hơn, các phần của trang web. Hãy nhớ rằng nó vẫn không được đề nghị bởi W3C và IE hầu như không hỗ trợ nó cả.

Blog này có thảo luận tốt về nó: http://blogs.forrester.com/ronald_rogowski/10-05-10-what_should_customer_experience_professionals_do_about_html5

+0

"sẽ xem xét sử dụng nó cho một số, phong phú hơn, các phần của trang web" - như những gì? –

0

có một số cách.

nhưng nếu bạn KHÔNG cần các phần tử html5 như thẻ video hoặc html5 api như cơ sở dữ liệu trình duyệt, hãy lưu lại XHTML, vì nó vẫn không được W3C đề xuất. Ở đó bạn có thể sử dụng những nhược điểm đơn giản cho ie6.

bạn có cần phần tử html5 và apis không?

6

"Để HTML5" là một tuyên bố khá rộng. Ngay cả khi bạn có bộ tài liệu HTML5 mới (đơn giản là <!DOCTYPE html>), bạn không phải bỏ tất cả và sử dụng mọi khía cạnh của HTML5, chỉ những gì phù hợp với dự án của bạn.

Nếu bạn muốn tham gia HTML5, tôi khuyên bạn nên đọc "How to use HTML5 in your client work right now" để biết ví dụ về cách bạn có thể sử dụng một số khía cạnh nhất định của HTML5 với một vài nhược điểm (nếu có).

Tuyên bố từ chối trách nhiệm: Tôi là một trong những người phụ trách của Bác sĩ HTML5.

Từ đó nó tóm tắt xem dự án của bạn có được hưởng lợi từ các tính năng của HTML5 và nếu bạn có thể đủ khả năng để triển khai các tính năng này. Ví dụ: nếu tất cả người dùng IE của bạn cũng đã bật JavaScript, bạn có thể sử dụng html5shiv để giúp IE nhận ra các phần tử mới, cho phép bạn sử dụng chúng và tạo kiểu cho chúng. Đối với các API JS và các thuộc tính CSS mới mà mọi người thường nhóm với thuật ngữ "HTML5", trừ khi trang web của bạn hoàn toàn yêu cầu bạn sử dụng công nghệ (có thể giống như định vị địa lý), thì nó có thể đơn giản là vấn đề tiến bộ tăng cường. Nếu người dùng webkit/firefox nhận được các góc tròn từ CSS3 và người dùng IE thì không, đó thực sự là một vấn đề lớn?

0

Như một phương sách cuối cùng bạn có thể sử dụng Chrome Frame: http://code.google.com/chrome/chromeframe/

Đối với "một cầu thủ lớn về thị phần", đó thực sự phụ thuộc vào khán giả của bạn. Ngay cả Microsoft đang tiếp thị các phiên bản IE mới của mình khá mạnh mẽ. Và tôi không nghĩ rằng có sự xấu hổ trong việc tính phí người dùng IE 6 của bạn một khoản phí cài đặt plugin bổ sung. Sau khi tất cả, trình duyệt của họ là 10 tuổi, đó là khoảng 100 năm Internet, phải không?

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