지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > H5 튜토리얼 > HTML5_html5 튜토리얼 팁을 지원하는 IE 솔루션

HTML5_html5 튜토리얼 팁을 지원하는 IE 솔루션

WBOY
풀어 주다： 2016-05-16 15:51:20
원래의
1471명이 탐색했습니다.

HTML5는 새로운 웹 페이지에 더욱 효율적이고 깔끔한 코드를 제공하기 위해 더 많은 관심을 받고 있기 때문에 IE가 이러한 새로운 요소(예:

)를 인식하도록 하는 유일한 방법은 HTML5 shiv를 사용하는 것입니다. Remy Sharp 덕분입니다. 이 미니 스크립트는 IE의 HTML5 지원 문제를 해결하기 위해 제공됩니다.

사용 및 다운로드
HTML5.js는 페이지의 head 요소 내에서 호출해야 합니다(IE는 요소를 파싱하기 전에 이 요소를 알아야 하기 때문에 이 js 파일은 페이지의 맨 아래에서 호출할 수 없습니다). 페이지.)
작성자는 js 파일을 Google 코드 프로젝트에 넣고 모든 사람이 직접 호출할 수 있도록 했습니다. 물론 추가 파일 호출에 신경 쓰지 않는다는 전제가 있습니다.
http://html5shiv.googlecode.com/svn/trunk/html5.js
IE 조건부 주석을 사용하여 이 js 파일을 호출하면 FireFox와 같은 IE가 아닌 브라우저가 이 코드를 무시하게 됩니다. 불필요한 http 요청이 없습니다. 다음 코드는 IE 브라우저에서만 실행됩니다.


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



물론 외부 네트워크 파일을 호출하고 싶지 않다면 다운로드하여 자체 서버에서 별도로 호출할 수 있습니다(작성자 허가).

다음은 js 파일의 코드입니다.

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

(function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,canvas,datalist,details,dialog ,이벤트소스,그림,바닥글,헤더,hgroup,마크,메뉴,미터,nav,출력,진행,섹션,시간,비디오".split(','),i=e.length;while(i--){ document.createElement(e[ i])}})()
관련 라벨：
html5 ie
원천：php.cn
이전 기사：IE가 HTML5_html5 튜토리얼 기술을 지원하도록 만드는 방법 다음 기사：HTML5를 가지고 놀면서 배우기 (1) Canvas 구현 방법 _html5 튜토리얼 기술
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
이 페이지를 반응형으로 만들려면 어디서부터 시작해야 합니까? <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8...
에서 2024-04-04 21:21:25
0
1
457
onblur 이벤트를 통해 입력 값을 얻는 방법은 무엇입니까? onblur 이벤트를 통해 값 입력을 얻으려고 하는데 JS 모듈을 사용할 때 작동하지 않습니다. <!DOCTYPEhtml><htmllang=&qu...
에서 2024-04-03 08:55:32
0
1
360
빈 객체를 반환하는 axios에서 노드 서버로 데이터를 보낼 수 없습니다. 내 클라이언트 코드: <htmllang="en"><head><metacharset="UTF-8"/&...
에서 2024-03-31 11:14:22
0
1
2476
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿