html5가 IE와 호환되지 않는 경우 수행할 작업

HTML5 IE 비호환성 해결 방법: 1. JavaScript 코드 "while (i--){document.createElement(e[i])}"를 사용하여 호환성 문제를 해결합니다. 2. Google의 html5shiv 패키지를 사용하여 IE 문제를 해결합니다. HTML5와 호환되지 않습니다. 태그만 지정하세요.

이 튜토리얼의 운영 환경: Windows 10 시스템, HTML5 버전, DELL G3 컴퓨터

IE가 html5와 호환되지 않으면 어떻게 해야 합니까?

IE(IE6/IE7/IE8)가 HTML5 태그와 호환되지 않는 문제를 해결하는 완벽한 방법

HTML5의 새로운 태그 요소는 다음과 같습니다.

1aa9e5d373740b65a0cc8f0a02150c53는 페이지 또는 섹션의 머리글을 정의합니다.
c37f8231a37e88427e62669260f0074d는 페이지 또는 섹션의 바닥글을 정의합니다. 페이지 또는 섹션의 탐색 영역을 정의합니다.
a749a403032e55ac2ec01193cb3ca9f6 보충 또는 관련 콘텐츠를 정의하세요.
　　
• 이를 사용하면 코드 의미를 더욱 직관적으로 만들고 SEO 최적화를 촉진할 수 있습니다. 그러나 이 새로운 HTML5 태그는 IE6/IE7/IE8에서 인식되지 않으며 JavaScript 처리가 필요합니다. 다음은 몇 가지 방법입니다.
• 방법 1: JavaScript 코딩

  <!--[if lt IE9]> 
  <script> 
     (function() {
       if (! 
       /*@cc_on!@*/
       0) return;
       var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(&#39;, &#39;);
       var i= e.length;
       while (i--){
           document.createElement(e[i])
       } 
  })() 
  </script>
  <![endif]-->

  IE9 이하의 IE 브라우저인 경우 HTML5 태그를 생성하므로 IE가 아닌 브라우저에서는 이 코드를 무시하고 불필요한 http 요청이 발생하지 않습니다.

두 번째 방법: Google의 html5shiv 패키지 사용(권장)

175036b059c08cfe0e939537257b7055 
9cf7fc12b64b9e15221a83d1b7b302422cacc6d41bbb37262a98f745aa00fbf0
1b771f47d72d900ba74308aee59557f0

하지만 위 방법 중 어떤 방법을 사용하더라도 HTML5는 기본적으로 인라인 요소로 동작하므로 새 태그의 CSS를 초기화해야 합니다. , 이러한 요소를 배치하려면 쉬운 레이아웃을 위해 CSS를 사용하여 수동으로 블록 요소로 변환해야 합니다

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

그러나 ie6/7/8 사용자가 스크립트를 비활성화하면 스타일이 지정되지 않은 "화이트보드" 웹 페이지가 됩니다. 어떻게 해결해야 할까요?

사용자가 noscript 로고가 있는

“/?_fb_noscript=1”

페이지에 들어가도록 안내하고 html5 태그를 html4 태그로 바꾸도록 안내하는 Facebook의 접근 방식을 따를 수 있습니다. 호환성을 유지하는 것보다 많은 해킹을 작성하는 것이 더 쉽습니다.

9c9310510906c367d77326a69bdd2881 
2b0b25ff593c5b6c03403dd6234ffb2c
     c9ccee2e6ea535a969eb3f532ad9fe89.html5-wrappers{display:none!important;}531ac245ce3e4fe3d50054a55f265927
     0dcc676bcaca523de89d0760fc544da8您的浏览器禁用了脚本，请6170e8999ab19ec641e0422470b16d5c查看这里5db79b134e9f6b82c0b36e0489ee08ed来启用脚本!或者aa3476d4b82149a37c044d53c621d5db继续访问5db79b134e9f6b82c0b36e0489ee08ed.
     16b28748ea4df4d9c2150843fecfba68
f920f363442462683100636cb2662870
1b771f47d72d900ba74308aee59557f0

이는 사용자가 스크립트를 열도록 안내하거나 HTML4 태그 디자인 인터페이스로 직접 이동할 수 있습니다.

추천 학습: "

HTML5 비디오 튜토리얼

"

위 내용은 html5가 IE와 호환되지 않는 경우 수행할 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!