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의 새로운 태그 요소는 다음과 같습니다.
는 페이지 또는 섹션의 머리글을 정의합니다.
두 번째 방법: Google의 html5shiv 패키지 사용(권장)
<!--[if lt IE9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
로그인 후 복사
하지만 위 방법 중 어떤 방법을 사용하더라도 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의 접근 방식을 따를 수 있습니다. 호환성을 유지하는 것보다 많은 해킹을 작성하는 것이 더 쉽습니다.
<!--[if lte IE 8]>
<noscript>
<style>.html5-wrappers{display:none!important;}</style>
<div class="ie-noscript-warning">您的浏览器禁用了脚本,请<a href="">查看这里</a>来启用脚本!或者<a href="/?noscript=1">继续访问</a>.
</div>
</noscript>
<![endif]-->
로그인 후 복사
이는 사용자가 스크립트를 열도록 안내하거나 HTML4 태그 디자인 인터페이스로 직접 이동할 수 있습니다.
추천 학습: "
HTML5 비디오 튜토리얼
"
위 내용은 html5가 IE와 호환되지 않는 경우 수행할 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!