Modernizr 대 HTML Shiv

Question

이전 브라우저에서 HTML5 태그를 인식해야한다면 (사용하려면 Modernizr이나 인기가있는 HTML5 shiv)? 또한이 HTML5 태그의 스타일을 지정하지 않아도 브라우저에서 브라우저를 인식해야합니까? 또는이 태그에 CSS를 추가 할 때만 필요합니까?

감사합니다.

Answer 1

html5shiv는 기본적으로 IE가 HTML5 요소를 인식하고 스타일을 지정할 수있게 해주는 반면 Modernizr은 broswer가 지원하는 동일한 기능 감지를 제공합니다.

그래서 HTML5 shiv는 IE에서 HTML5 태그를 인식하는 데 충분해야합니다. (내가 말하기를 여기 IE는 html5shiv 타겟 이니, 구형 브라우저라고 할 때 무슨 뜻인지 모르겠다.)

두 번째 부분에서는 HTML5 태그의 스타일을 지정하지 않더라도 조언을 구한다. 브라우저가 잘못 표시하거나 전혀 표시하지 않을 수도 있기 때문에 shiv를 사용하면 안심할 수 있습니다.

Answer 2

HTML5 Shiv는 작으며 Modernizr의 검색 기능이 필요하지 않으면 shiv로 이동하십시오.

파일 크기는 항상 HTML 문서의 머리 부분에 있고 완전히 실행될 때까지 추가 리소스 다운로드를 차단하므로 매우 중요합니다. 그것은 단지 오래된 브라우저가 필요하기 때문에

, 나는 다음과 같은 코드를 사용합니다

<!--[if lt IE 9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

당신이 사용하지 않는 HTML 태그를 제거 할 수 있습니다,하지만 당신은 파일에서 호스팅을 사용 할 수 없게됩니다 Google.

Answer 3

브라우저가 특정 CSS 또는 HTML5 기능을 지원하는 경우 Modernizr을 사용하여 특정 파일을로드 할 수 있습니다. 브라우저가 CSS3 속성과 HTML5 요소로 '캔버스'와 'fontface'

Modernizr.load({ 
test: Modernizr.fontface && Modernizr.canvas, // Test if the browser supports it or not 
yep : '/path-to/html5-css3-attributes.css', // If browser supports it, load this file 
nope: '/path-to/old-css-attributes.css' // If NOT, load this instead 
}); 

당신은 당신의 파일 경로 조건도의 .js를 사용을 지원하지 않는 경우

하자들은 말한다.