2009-08-19 55 views
8

Tôi đang làm việc để viết lại và thiết kế lại trang web lớn. Tôi đã được đọc trên HTML 5 và muốn biết những khuyết điểm trước khi áp dụng nó cho việc thực hiện thiết kế này.Các ưu và nhược điểm của việc áp dụng HTML 5 bây giờ cho thiết kế lại trang web là gì?

Việc thiết kế cần phải làm việc trong A-cấp trình duyệt (có bao gồm IE6 :(), vì vậy tôi tự hỏi như thế nào <footer>/<section> vv sẽ được trả lại (inline/block vv).

Tôi muốn cũng muốn biết những ưu để tôi có thể bán nó cho bất kỳ bảo thủ trong kinh doanh.

Trả lời

8

Nếu chúng ta bỏ qua những điều đó không thay đổi kể từ HTML 4,01 ...

ưu? Không nhiều. có một vài điều hoạt động trong một số ít các trình duyệt, có một vài thứ hoạt động trong một số ít các trình duyệt nhưng có thêm J avaScript có thể hỗ trợ hầu hết các trình duyệt theo một cách tương đối hợp lý.

Đối với khuyết điểm ...

  • Toàn bộ đặc tả vẫn là một dự thảo, và có thể thay đổi.
  • Thực tế không có gì trong spec được hỗ trợ một cách nhất quán trên các trình duyệt (và giả mạo nó với JS thất bại khi JS không phải là xung quanh)
  • cụ QA là chưa trưởng thành và thường tụt hậu so với các đặc điểm kỹ thuật

Đó là hữu ích như là một cái gì đó để thử nghiệm, nhưng tôi sẽ không xây dựng một trang web chính thống với nó.

+1

Thông số của cuộc gọi hiện tại trong cuộc gọi cuối cùng, vì vậy tôi nghĩ nó ổn định hơn một chút. Trình duyệt tính hợp lệ (http://html5.validator.nu/) có vẻ khá tốt. Vẫn còn rất ít sự hỗ trợ của IE cho stuf mới trong HTML5 mà không cần JavaScript. –

-1

Không có khuyết điểm - hầu hết mọi thứ sẽ hoạt động giống như trong XHTML 1.0 hoặc HTML 4.01. Ưu điểm sẽ dần dần đến trong vài năm tới, nhưng mang lại nhiều ngữ nghĩa hơn (và bằng cách nào đó dễ hiểu hơn về nội dung của các bot của công cụ tìm kiếm từ quan điểm SEO). HTML 5 hơn nữa cho phép các nhà thiết kế sử dụng bất kỳ phông chữ web (không chỉ là hạn chế cơ bản lăm như Arial/Helvetica, Verdana, Times New Roman, vv)

thấy điều này cũng như:

http://www.alistapart.com/articles/semanticsinhtml5/

http://www.zeldman.com/2009/07/13/html-5-nav-ambiguity-resolved/

http://www.zeldman.com/2009/07/20/web-fonts-html-5-roundup/

+1

Webfonts? Oh làm ơn. Trình duyệt hỗ trợ không có ở đó, và nó có vẻ như một cái gì đó nhiều khả năng xuất hiện trong CSS 3 hơn HTML 5. Đối với không có khuyết điểm, có rất nhiều khuyết điểm. Việc thiếu các công cụ QA chất lượng để bắt đầu. – Quentin

+0

oh, xin vui lòng ?! Tôi có nói gì về hỗ trợ ngay lập tức không? Trơi ơi không! Tôi đang nói về chân trời từ ba đến mười năm. thực tế. – dusoft

+1

Câu hỏi cho biết "hiện tại" – Quentin

1

Ưu điểm:

  • Các trang web khác đang sử dụng nó, chúng tôi sẽ có thông số và hỗ trợ đáng tin cậy hơn trên các trình duyệt. Vì vậy, chỉ bằng cách xây dựng trang web mới của bạn với HTML 5, bạn giúp tăng tốc sự tiến bộ của công nghệ web cho tất cả chúng ta.

Nhược điểm:

  • cụ QA Incomplete
  • Incomplete hỗ trợ trình duyệt nguồn gốc

Các lập luận rằng toàn bộ đặc tả vẫn là một dự thảo không thực sự đếm. Chỉ cần nhìn vào CSS. Ngay cả những thay đổi mới nhất đối với đề xuất CSS 2.1 vẫn có trạng thái dự thảo.

+0

CSS 2.1 là đề xuất ứng cử viên, không phải là bản nháp. – Quentin

+0

Bạn nói đúng. Nhưng phiên bản mới nhất từ ​​tháng 4 năm 2009 vẫn có một số sửa chữa trong trạng thái dự thảo. Ngoài ra, chúng tôi đã không ngừng sử dụng CSS 2.1 từ năm 2005 đến 2007, khi toàn bộ thông số được trả lại từ CR thành bản nháp tạm thời. Tôi chỉ muốn nói rõ rằng nó không thực sự quan trọng nếu một tiêu chuẩn là rc hoặc dự thảo - nó chỉ là một đề nghị sau khi tất cả. – basti

1

Nếu bạn muốn sử dụng HTML 5 yếu tố cụ thể, hãy xem http://ejohn.org/blog/html5-shiv/. Cách tiếp cận này cho phép bạn sử dụng HTML trong các trình duyệt không hỗ trợ chúng ngay bây giờ.

2

HTML5 không phải là một vấn đề. Có một số phần của HTML5 bạn có thể sử dụng ngay bây giờ. Ví dụ:

Ví dụ: bạn có thể thay đổi loại tài liệu thành kiểu HTML5 (<!doctype html>). Boom. Tài liệu của bạn hiện là HTML5. Vì thông số HTML5 dựa trên rất nhiều công việc tìm ra trình duyệt đã làm gì, những thứ như thế này chỉ hoạt động. Vì vậy, nếu bạn thích cú pháp HTML5, vui lòng thực hiện điều đó ngay bây giờ.

Đối với các yếu tố mới, như đã được đề cập, chúng thiếu hỗ trợ trong IE. Bạn có thể thực hiện khá nhiều hỗ trợ cho HTML5 vào IE với JavaScript, nếu bạn hài lòng với điều đó. Lưu ý rằng các phần tử HTML không xác định được hiển thị dưới dạng nội tuyến bởi tất cả các trình duyệt, vì vậy, bạn cần tự thêm display: block; cho chính các thành phần cấp khối mới cho các trình duyệt cũ hơn.

Dive into HTML5 cũng đáng đọc để giúp bạn tăng tốc, đặc biệt là Chapter 3.

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