댓글 : 점점 더 많은 사이트가 HTML5 태그를 사용하기 시작했습니다. 그러나 현재 상황은 여전히 IE6, IE7 및 IE8을 사용하는 많은 사람들이 있다는 것입니다. 다음은 IE 브라우저가 HTML5를 지원할 수 있도록하는 방법입니다. 필요한 친구는 그것을 참조 할 수 있습니다.
오늘날 HTML5는 점점 더 많은 관심을 끌고 있지만 현재 HTML5를 지원하는 브라우저는 주류가 아니며, 특히 국내 사용자의 50% 이상이 여전히 IE6을 사용하고 있습니다. HTML5를 지원하는 IE9는 XP 시스템 설치를 지원하지 않기 때문에 HTML5 개발자는 향후 오랫동안 후진 호환성 문제를 고려해야합니다. HTML5 태그 또는 CSS 선택기 호환성을 사용하는 방법에는 여러 가지가 있으며 그 중 하나는 그 중 하나입니다.
기본 원칙은 IE8의 효과에 대해 다음 코드를 참조하십시오. 스타일은 전혀 작동하지 않습니다.
<html>
<헤드>
<style> mxria {색상 : 빨간색; } </style>
</head>
<body>
<mxria> 안녕하세요! </mxria>
</body>
</html>
브라우저가 <mxria> </mxria> 태그를 인식하고 해당 스타일의 효과를 표시하려면 다음과 같이 JS 섹션을 추가 할 수 있으며,이를 볼 때 효과가 다릅니다.
<html>
<헤드>
<style> mxria {색상 : 빨간색; } </style>
<cript> document.createelement ( "mxria") </script>
</head>
<body>
<mxria> hello! mxria.com </mxria>
</body>
</html>
이제 모두가 미스터리를 이해합니다! 예, document.createelement입니다. HTML5 SHIV는 모든 HTML5 태그를 재생하는 JS 플러그인입니다. 플러그인을로드해야하며 HTML5 프로그램을 모든 브라우저에서 인식 할 수 있습니다.
주소 다운로드 :
트렁크/html5.js의 간단한 사용 :
Google을 참조하는 html5.js 파일은 다음과 같습니다.
html5shiv의 사용은 매우 간단합니다. IE9가 HTML5를 지원한다는 점을 고려하면 다음 코드 만 페이지 헤드에 추가하면됩니다.
<!-[LT IE 9 인 경우]>
<script src = "dist/html5shiv.js"> </script>
<! [endif]->
위의 코드를 헤드 부분에 복사하고 헤드 부분이어야합니다 (즉, 요소 구문 분석 전에이 요소를 알아야 하므로이 JS 파일을 다른 위치에서 호출 할 수 없으므로 유효하지 않습니다).
물론 코드를 꺼내서 직접 할 수도 있습니다.
(function () {if (!/*@cc_on!@*/0) 반환; var e = ABBR, 기사, 제쳐두고, 오디오, 캔버스, 데이터리스트, 세부 사항, 대화, 이벤트 소스, 그림, 바닥 글, 헤더, HGROUP, Mark, 메뉴, 메터, NAV, 출력, 진행, 섹션, 시간, video.split ( ','), e.length;
마지막 으로이 단락을 CSS에 추가하십시오.
/*html5*/ article, 제쳐두고, 대화, 바닥 글, 헤더, 섹션, 바닥 글, nav, 그림, 메뉴 {display : block}
주로 Div와 같이 이러한 HTML5 태그를 차단하도록하십시오.
좋아, 간단히 말해서, 한 문장으로, 그것은 다음과 같습니다. html5 태그를 블록으로 만들기 위해 html5.js를 인용하십시오.