>  기사  >  웹 프론트엔드  >  Internet Explorer를 HTML5를 지원하는 브라우저로 만드는 솔루션(html5shiv 사용)_html5 튜토리얼 기술

Internet Explorer를 HTML5를 지원하는 브라우저로 만드는 솔루션(html5shiv 사용)_html5 튜토리얼 기술

WBOY
WBOY원래의
2016-05-16 15:48:131690검색

요즘 HTML5가 점점 더 주목을 받고 있지만 HTML5를 지원하는 브라우저는 아직 주류가 아닙니다. 특히 국내 사용자 중 거의 50%가 여전히 IE6를 사용하고 있습니다. HTML5를 지원하는 IE9은 Xp 시스템 설치를 지원하지 않기 때문입니다. 미래에 영향을 미치다 오랫동안 HTML5 개발자들은 이전 버전과의 호환성 문제를 고려해야 할 것입니다. HTML5 태그 또는 CSS 선택기 호환성을 달성하는 방법에는 여러 가지가 있으며 그 중 하나는 태그 요소를 직접 생성하는 것입니다.

기본 원리는 IE8에서 다음 코드의 효과를 참조하세요. 스타일은 전혀 효과가 없습니다.


코드 복사
코드는 다음과 같습니다.






안녕하세요!



브라우저가 태그를 인식하고 해당 스타일의 효과를 표시하기 위해 다음과 같이 js를 추가하면 다른 효과를 볼 수 있습니다

코드 복사
코드는 다음과 같습니다.


< head>

<script>document.createElement("mxria")</script>







이제 비밀을 이해하셨네요! 예, document.createElement입니다. HTML5 shiv는 모든 HTML5 태그를 재생성하는 js 플러그인입니다. 그러면 모든 브라우저에서 HTML5 프로그램을 인식할 수 있습니다.
다운로드 주소: http://html5shim.googlecode.com/svn/trunk/html5.js

trunk/html5.js를 사용하는 간단한 방법:

다음은 Google을 인용한 html5.js 파일입니다.

html5shiv의 사용은 매우 간단합니다. IE9가 html5를 지원한다는 점을 고려하면 페이지 헤드에 다음 코드만 추가하면 됩니다.

코드 복사
코드는 다음과 같습니다.


위 코드를 헤드 섹션에 복사하세요. 헤드 섹션이어야 한다는 점을 기억하세요(IE는 요소가 구문 분석되기 전에 이 요소를 알아야 하므로 이 js 파일은 다른 위치에서 호출할 수 없으며 그렇지 않으면 유효하지 않습니다)

물론 코드를 꺼내서 직접 알아낼 수도 있습니다.

(function(){if(!/*@cc_on!@*/0)return;var e="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,그림,바닥글,헤더 ,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i] )}})()
마지막으로 CSS에 다음 단락을 추가합니다.

/*html5*/ article,aside,dialog,footer,header,section,footer,nav,Figure,menu{display:block}
주로 이러한 html5 태그를 div와 같은 블록으로 만듭니다.

간단하게 말하면 html5.js를 인용하여 html5 태그를 블록화하는 것입니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.