Sử dụng JavaScript để giúp các phiên bản cũ hơn của hỗ trợ IE HTML 5 Tags
HTML không phải là "đứa trẻ mới trong khối" nữa. Nhiều nhà thiết kế web và nhà phát triển đã sử dụng bản lặp HTML mới nhất này trong nhiều năm. Tuy nhiên, có một số chuyên gia web đã tránh xa HTML5, thường vì họ phải hỗ trợ các phiên bản cũ của Internet Explorer và họ lo ngại rằng mọi trang HTML5 mà họ tạo sẽ không được hỗ trợ trong các trình duyệt cũ hơn. Rất may, có một kịch bản mà bạn có thể sử dụng để hỗ trợ HTML cho các phiên bản cũ hơn của IE (đây là phiên bản thấp hơn IE9), cho phép bạn xây dựng các trang web phù hợp hơn với công nghệ ngày nay và sử dụng một số thẻ mới trong HTML 5.
Giới thiệu HTML Shiv
Jonathan Neal đã tạo ra một kịch bản lệnh đơn giản cho Internet Explorer 8 và bên dưới (và Firefox 2 cho rằng vấn đề đó) để xử lý các thẻ HTML 5 dưới dạng các thẻ thực . Điều này cho phép bạn tạo kiểu cho chúng giống như bất kỳ phần tử HTML nào khác và sử dụng chúng trong tài liệu của bạn.
Cách sử dụng HTML Shiv
Để sử dụng tập lệnh này, chỉ cần thêm ba dòng sau vào tài liệu HTML5 của bạn trong
phía trên biểu định kiểu của bạn.
Lưu ý rằng đây là một vị trí mới hơn cho tập lệnh HTML Shiv này. Trước đây, mã này đã được lưu trữ tại Google và nhiều trang web vẫn liên kết đến tệp đó một cách sai lầm, không biết rằng thậm chí không còn có tệp nào được tải xuống nữa. Điều này là do, trong nhiều trường hợp, việc sử dụng HTML5 Shiv không còn cần thiết nữa. Thêm vào đó ngay ...
Quay lại mã này một lúc, bạn có thể thấy rằng điều này sử dụng nhận xét có điều kiện của IE để nhắm mục tiêu các phiên bản của IE dưới 9 (nghĩa là "lt IE 9 có nghĩa là"). Những trình duyệt đó sẽ tải xuống tập lệnh này và các yếu tố HTML5 sẽ được hiểu bởi các trình duyệt đó, mặc dù chúng đã được tạo biểu trưng trước khi HTML5 tồn tại.
Ngoài ra, nếu bạn không muốn trỏ đến tập lệnh này ở vị trí bên ngoài, bạn có thể tải xuống tệp tập lệnh (nhấp chuột phải vào liên kết và chọn "Lưu liên kết dưới dạng" từ trình đơn) và tải lên máy chủ cùng với phần còn lại của tài nguyên trang web của bạn (hình ảnh, phông chữ, v.v.). Nhược điểm để làm theo cách này là bạn sẽ không thể tận dụng được bất kỳ thay đổi nào được thực hiện cho tập lệnh này theo thời gian.
Khi bạn đã thêm các dòng mã đó vào trang của mình, bạn có thể tạo kiểu cho các thẻ HTML 5 giống như bạn thực hiện đối với bất kỳ trình duyệt hiện đại, HTML5 tương thích nào khác.
Bạn vẫn cần HTML5 Shiv?
Đây là một câu hỏi đáng giá để hỏi. Khi HTML5 được phát hành lần đầu tiên, cảnh quan trình duyệt rất khác với ngày hôm nay. Hỗ trợ cho IE8 và dưới đây vẫn là một điều quan trọng đối với nhiều trang web, nhưng với thông báo "cuối đời" mà Microsoft đưa ra vào tháng 4 năm 2016 cho tất cả các phiên bản IE dưới 11, nhiều người đã nâng cấp trình duyệt của họ và còn là một mối quan tâm cho bạn. Xem lại số liệu phân tích trang web của bạn để xem chính xác trình duyệt mọi người đang sử dụng để truy cập trang web. Nếu không có ai, hoặc rất ít người đang sử dụng IE8 trở xuống thì bạn có thể yên tâm rằng bạn có thể sử dụng các phần tử HTML5 mà không gặp vấn đề gì và không cần hỗ trợ các trình duyệt cũ.
Tuy nhiên, trong một số trường hợp, các trình duyệt IE cũ sẽ là một mối quan ngại. Điều này thường xảy ra ở các tổ chức sử dụng một phần mềm cụ thể đã được phát triển từ lâu và chỉ hoạt động trên phiên bản cũ của IE. Trong những trường hợp này, bộ phận CNTT của công ty có thể thực thi việc sử dụng các trình duyệt cũ này, có nghĩa là công việc của bạn cho công ty đó cũng phải hỗ trợ các phiên bản IE lỗi thời.
Đây là khi bạn muốn chuyển sang HTML5 shiv để bạn có thể sử dụng các phương thức và các yếu tố thiết kế web hiện tại, nhưng vẫn nhận được hỗ trợ trình duyệt đầy đủ mà bạn cần.
Biên tập bởi Jeremy Girard