IE9 이하의 브라우저를 HTML5_html5 튜토리얼 팁과 호환되게 만드는 방법

IE(IE6 포함)가 HTML5 요소를 지원하도록 하려면 HTML 헤더에 다음 JavaScript를 추가해야 합니다. 이는 조건부 주석을 사용하여 IE용 js 파일을 호출하는 간단한 document.createElement 문입니다. Opera, FireFox 및 기타 IE가 아닌 브라우저는 이 코드를 무시하며 http 요청이 없습니다.

코드 복사

코드는 다음과 같습니다.

위 코드는 IE 브라우저에서만 실행됩니다. 또 한 가지 주의할 점은 페이지에서 html5.js 파일을 호출할 때 페이지의 head 요소 내에 추가해야 한다는 것입니다. IE 브라우저는 이 요소를 구문 분석해야 합니다. 이 요소는 이전에 알려져 있으므로 페이지 하단에서 이 js 파일을 호출할 수 없습니다.
저자는 모든 사람이 직접 호출할 수 있도록 이 html5 js 파일을 Google 코드 프로젝트에 넣었습니다. 물론 이것이 웹페이지 열기 속도에 영향을 미칠 것이라고 생각되면 html5 js 파일을 직접 다운로드할 수 있습니다. 귀하의 서버를 별도로 호출하십시오.
다음은 html5의 js 파일에 있는 코드입니다.

코드를 복사하세요

코드는 다음과 같습니다 :

(function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist,details,dialog, 이벤트 소스, 그림, 바닥글, 헤더, hgroup, 마크, 메뉴, 미터, 탐색, 출력, 진행률, 섹션, 시간, 비디오".split(','),i=e.length;while(i–){document. createElement(e[i] )}})()

웹 페이지에서 위 코드가 포함된 js 파일을 호출하여 IE 브라우저가 HTML5 요소를 지원하도록 만드는 것 외에도 코드를 추가할 수도 있습니다. 중간에 다음과 같은 방법으로 웹페이지로 바로 이동합니다.

코드 복사

코드는 다음과 같습니다.

<script> <br>(function(){if(!/*@cc_on!@*/0)return;var e = “abbr,article,aside,audio,canvas,datalist, 세부 정보,대화 상자,이벤트 소스,그림,바닥글,헤더,hgroup,마크,메뉴,미터,nav,출력,진행,섹션,시간,비디오”.split(','),i=e.length;while(i– ){document .createElement(e[i])}})() <br></script>