Chủ YếU Các Trình Duyệt Làm cho HTML5 hoạt động trong các phiên bản cũ của Internet Explorer

Làm cho HTML5 hoạt động trong các phiên bản cũ của Internet Explorer



kế thừa-và-html5

Làm cho HTML5 hoạt động trong các phiên bản cũ của Internet Explorer

Một trong những lý do chính khiến các nhà phát triển có thể chưa chuyển sang HTML5 là do nhận thấy sự thiếu hỗ trợ cho các trình duyệt cũ. Điều này thực sự không đúng sự thật và mặc dù có thể có một số yêu cầu phức tạp cần thiết để có khả năng tương thích ngược phù hợp, nhưng vẫn có thể xảy ra.

Tất nhiên, với các trình duyệt cũ, tôi muốn nói đến Internet Explorer, vì tất cả các trình phát lớn khác đều cập nhật thường xuyên và người dùng của họ có xu hướng làm theo: các trình duyệt như Firefox, Safari và Opera đã hỗ trợ HTML5 trong một thời gian. Một số nhà phát triển có thể quyết định ngừng hỗ trợ IE6, nhưng đối với một số người thì đó không phải là một tùy chọn và ở bất kỳ mức độ nào, cả IE7 và IE8 đều không hỗ trợ HTML5. IE9 nhưng nó chỉ chạy trên Windows Vista và Windows 7, vì vậy các phiên bản khác sẽ còn tồn tại trong một thời gian dài sắp tới, như chúng ta đã thấy với IE6.

Vậy cần phải làm gì để HTML5 hoạt động trong Internet Explorer?

bạn có thể thay đổi tên người dùng lol của mình không

Các phần tử không xác định

Trước hết, IE sẽ không hiển thị bất kỳ phần tử nào mà nó không nhận ra, vì vậy nó sẽ hoàn toàn bỏ qua các phần tử cấu trúc HTML5 như header, footer, article, section, và nav, tất cả các phần chính của trang web HTML5. Điều này có thể được khắc phục bằng cách nói với IE về các phần tử này bằng JavaScript. Cách tốt nhất để làm điều này là bao gồm HTML5 shiv script, được tạo bởi Remy Sharp. Tập lệnh tiện dụng này tạo ra tất cả các phần tử HTML5 có liên quan mà IE bây giờ sẽ biết khi hiển thị trang.

Một vấn đề với điều này là nó sẽ không hoạt động đối với những người dùng đã tắt JavaScript. Thật không may, không có cách nào để giải quyết vấn đề này, vì vậy nhà phát triển phải đưa ra quyết định sử dụng HTML5 hoặc ở lại với HTML 4.01.

Tạo kiểu

Hầu hết các trình duyệt đều có bảng định kiểu nội bộ, trong số những thứ khác, áp dụng display:block để chặn các phần tử mức. Trong khi một số trình duyệt mới hơn hiện làm điều này cho các phần tử HTML5 có liên quan, một số thì không và điều này cần được thêm vào cho tất cả các trình duyệt. Chỉ cần thêm kiểu sau sẽ thực hiện thủ thuật:

article, aside, figure, footer, header, hgroup,
menu, nav, section { display:block; }

Các phần tử hình thức

Và bản thân một số yếu tố mới thì sao, chẳng hạn như các loại đầu vào mới - làm thế nào để những thứ này hiển thị trên các trình duyệt cũ?

Thực sự tốt. Vì thông số kỹ thuật HTML5 đã được mở rộng trong một cách tương thích ngược , bất kỳ loại đầu vào nào không được nhận dạng, chỉ được coi là text và sẽ đơn giản được hiển thị như vậy.

vô hiệu hóa cửa sổ màn hình khóa kỷ niệm 10 năm

Đa phương tiện

Như tôi đã thảo luận trước đây, video và các phần tử âm thanh được thiết kế để cho phép Flash quay trở lại, sẽ hoạt động tốt trên Internet Explorer.

Việc chuyển sang HTML5 sẽ vẫn diễn ra từ từ và một số người sẽ không thấy cũng như không có nhu cầu sử dụng bất kỳ chức năng mới nào mà nó cung cấp, nhưng khi thực hiện, chúng có thể (tương đối) an toàn khi biết rằng các trình duyệt cũ hơn sẽ hiển thị các trang web của họ tốt.

Bài ViếT Thú Vị

Editor Choice

Đánh giá Iomega Home Media Network Hard Drive Cloud Edition 2TB
Đánh giá Iomega Home Media Network Hard Drive Cloud Edition 2TB
Iomega’s Home Media Network Hard Drive Cloud Edition là một phiên bản tuyệt vời, nhưng bản thân thiết bị này là một thiết bị NAS nhỏ gọn tuyệt vời cung cấp nhiều tính năng của một thiết bị Máy chủ gia đình đầy đủ. Bộ nhớ trong 2TB của nó có thể
Khôi phục thư viện mặc định trong Windows 10
Khôi phục thư viện mặc định trong Windows 10
Trong bài viết này, chúng ta sẽ xem cách khôi phục các thư viện mặc định trong Windows 10 File Explorer trong trường hợp bạn đã xóa chúng.
Tự động bật Hỗ trợ lấy nét cho các ứng dụng Toàn màn hình trong Windows 10
Tự động bật Hỗ trợ lấy nét cho các ứng dụng Toàn màn hình trong Windows 10
Có thể tự động bật Hỗ trợ lấy nét của Windows 10 khi bạn đang chạy ứng dụng ở chế độ toàn màn hình. Đây là cách nó có thể được thực hiện.
Đánh giá iPhone 8: Đứa con giữa khôn lanh của gia đình iPhone sẽ được bán với màu PRODUCT (RED) hôm nay
Đánh giá iPhone 8: Đứa con giữa khôn lanh của gia đình iPhone sẽ được bán với màu PRODUCT (RED) hôm nay
Cập nhật: Nó chính thức. Apple đang chuẩn bị tung ra các thiết bị cầm tay iPhone 8 và iPhone 8 Plus với màu ĐỎ từ thiện (PRODUCT) của mình. iPhone 8 và iPhone 8 Plus (PRODUCT) RED Special Edition sẽ có sẵn
Cách nhận Phòng thí nghiệm ứng dụng trong Nhiệm vụ 2
Cách nhận Phòng thí nghiệm ứng dụng trong Nhiệm vụ 2
Nhóm Meta Quest có một thư viện trò chơi và ứng dụng khổng lồ và Oculus Store là phương tiện chính thức để khám phá các ứng dụng mới trên tai nghe của bạn. Tuy nhiên, có một cách khác để truy cập nội dung Nhiệm vụ. Meta (trước đây gọi là
Cách rời khỏi cuộc trò chuyện trong iMessage
Cách rời khỏi cuộc trò chuyện trong iMessage
Tin nhắn nhóm đã trở thành một phiền toái phổ biến trong iMessage. Cho dù với đồng nghiệp, bạn bè hoặc người thân, bạn có thể bị những kẻ gửi thư rác tấn công dồn dập với nội dung không liên quan và thông tin vô ích. Hầu hết thời gian, bạn chỉ muốn thoát khỏi cuộc trò chuyện càng nhanh càng tốt.
Samsung Galaxy J2 - Cách phản chiếu màn hình của tôi lên TV hoặc PC của tôi
Samsung Galaxy J2 - Cách phản chiếu màn hình của tôi lên TV hoặc PC của tôi
Sự khác biệt giữa Galaxy J2 và Samsung S9 là đáng kinh ngạc. Về tính năng, thật không thể tin được những gì có thể đạt được chỉ sau hai đến ba năm. Galaxy J2 thiếu một tính năng rất phổ biến và quan trọng, bởi