Modernizr와 Html5Shiv의 차이점은 무엇입니까?

12

html5로 전환한다는 생각으로 놀았습니다. 구형 브라우저에서 html5를 지원하기 위해 2 개의 주요 스크립트가있는 것 같습니다.

Modernizr 및 HTML5Shiv

그들이 똑같은 일을하는지 궁금했습니다. 어느 것을 선택하고 왜?

어떤 아이디어?

html5

— 시난
소스

8

Modernizr은 다른 렌더링 엔진에서 HTML5 기능의 가용성을 확인하는 데 사용됩니다. 여기에는 Html5Shiv와 같은 스크립트가 포함되어 있으며 Microsoft Internet Explorer에서 HTML5 태그를 활성화합니다 (HTML5 이전 버전 9 이전). "IE 및 Firefox 2에서 HTML5를 작동시키는 방법" 도 참조하십시오 .

IE <9에 HTML5를 사용하려면 Html5Shiv이면 충분합니다. MS 조건부 주석 내에서 Remy Sharp 의 Html5Shiv 버전을 사용하고 있습니다 .

<!--[if lte IE 8]>
    <script src="templates/js/html5.js"></script>
<![endif]-->

또한 CSS 또는 JS를 통해 확인하려는 경우 클라이언트 브라우저가 HTML5 양식 요소 (예 : Operas 날짜 입력), CSS3 열 또는 그라디언트를 사용할 수있는 경우 Modernizr 을 사용하십시오 .

— Feeela
소스

2

html5 사이트로 시작하기에 좋은 리소스 인 html5boilerplate.com 을 확인하고 html5 shiv 또는 modernizr와 같은 토글 가능한 선택을 제공하고 다른 많은 기본 개선 사항을 제공 할 수도 있습니다.

— 츠 카이
소스

예 html5boilerplate이 좋습니다. modernizr 또는 html5shiv를 선택할 수 있습니다. 그러나 어느 것을 포함시켜야합니까?

— Sinan

공정하게, html5가 질문을 유발 한 것 같아요?

— Kzqai

1

나는 이것이 얼마 전이라는 것을 알고 있지만, modernizr은 AJAX를 통해로드 된 HTML5 요소를 polyfill하지 않는 것으로 추가해야한다고 느꼈습니다. 초기 페이지로드에 존재하는 내용에서만 작동합니다. Html5Shiv는 AJAX를 통해로드 된 컨텐츠에서 작동하지만 Modernizr 기능 세트의 일부일뿐입니다. 우리는 실제로 작업중 인 웹 응용 프로그램에서 두 가지를 모두 사용하고 있습니다.

— 등시성
소스