IE가 HTML5 태그와 호환되지 않는 문제를 해결하기 위해 HTML5 Shiv를 사용하는 방법
- 不言원래의
- 2018-06-14 10:02:032135검색
이 글에서는 IE(IE6/IE7/IE8)가 HTML5 태그와 호환되지 않는 문제를 완벽하게 해결하기 위한 HTML5 Shiv의 방법을 주로 소개합니다. 필요한 친구들이 참고할 수 있습니다.
HTML5의 시맨틱 태그와 속성을 사용하면 매우 편리할 수 있습니다. 개발자가 구현하기 명확한 웹 페이지 레이아웃과 CSS3 효과 렌더링을 사용하면 풍부하고 유연한 웹 페이지를 신속하게 만드는 것이 매우 간단합니다.
HTML5의 새로운 태그 요소는 다음과 같습니다.
c37f8231a37e88427e62669260f0074d는 페이지 또는 섹션의 꼬리를 정의합니다. 섹션; d8590c8c280921e23bec1a50b551c651 페이지의 논리적 영역 또는 콘텐츠 조합
5f23dd33677ba3a2dadceb8da68dc76c 이를 사용하여 코드 의미가 더 직관적이고 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(', ');
var i= e.length;
while (i--){
document.createElement(e[i])
}
})()
</script>
<![endif]-->IE9 이하의 IE 브라우저인 경우 HTML5 태그를 생성하므로 IE가 아닌 브라우저는 이 코드를 무시하고 불필요한 http 요청이 발생하지 않습니다. . 두 번째 방법: 구글의 html5shiv 패키지 사용(권장)
<!--[if lt IE9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->국내 구글 서버 접속 카드로 인해 국내 CDN으로 호출하는 것을 권장합니다
<!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]-->
하지만 어느 쪽이든 상관없습니다 위의 방법을 사용하면 모두 새 태그의 CSS를 초기화해야 합니다. HTML5는 기본적으로 인라인 요소로 동작하므로 이러한 요소를 레이아웃하려면 CSS를 사용하여 쉬운 레이아웃을 위해 수동으로 블록 요소로 변환해야 합니다
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}그러나 ie6의 경우 /7/8 스크립트를 비활성화한 사용자는 스타일이 없는 "화이트보드" 웹 페이지가 됩니다. 어떻게 해결해야 할까요? noscript를 사용하여 사용자를 "/?_fb_noscript=1" 페이지로 안내하는 Facebook의 접근 방식을 따를 수 있습니다. logo. , html5 태그를 html4 태그로 대체합니다. 이는 호환성을 유지하기 위해 많은 해킹을 작성하는 것보다 가볍습니다.
<!--[if lte IE 8]>
<noscript>
<style>.html5-wrappers{display:none!important;}</style>
<p class="ie-noscript-warning">您的浏览器禁用了脚本，请<a href="">查看这里</a>来启用脚本!或者<a href="/?noscript=1">继续访问</a>.
</p>
</noscript>
<![endif]-->
이는 사용자가 스크립트를 열도록 안내하거나 HTML4 태그 디자인 인터페이스로 직접 이동할 수 있습니다.
html5는 주요 브라우저와 호환되는 플레이어 분석을 구현합니다.
html5의 비디오 태그가 mp4를 재생할 수 없는 문제에 대한 솔루션
위 내용은 IE가 HTML5 태그와 호환되지 않는 문제를 해결하기 위해 HTML5 Shiv를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!