[HTML] HTML5SHIV

HTML5 shiv

새로운 HTML5 섹션이 요소를 이전 버전의 IE6~9, Safari 4.x(iPhone 3.x)와 Firefox 3.x에서도 작동하도록 해주는 라이브러리이다.

<!––[if lt IE 9]>
    <script src="경로명/html5shiv.js"></script>
<![endif]-->

html5 shiv 사용법

• 다운로드한 파일의 dist 폴더에서 사용할 파일을 선택한 후 부분에 아래와 같이 적용한다.

<!––[if lt IE 9]>
    <script src="경로명/html5shiv.js"></script>
<![endif]-->

• 이 코드를 사용한 경우 CSS에서 해당 블록 요소들을 display:block 해주어야 한다.

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary
{display: block;}

html5 shiv 알려진 문제와 제한사항

• ShivMethods 옵션(document.createElement)과 html5.createElement 메서드는 부모 노드를 가진 분리 되지 않은 요소를 생성한다(#64를 확인하라).
• 복제 노드(cloneNode)의 문제는 현재 HTML5 Shiv에 의해 해결되지 않는 문제이다. HTML5 요소는 동적으로 생성될 수 있지만, 모든 경우에 복제되진 않는다.
• HTML5 Shiv의 printshiv 버전은 인쇄 스타일과 인쇄 전체 DOM을 변경한다. 이것은 복잡한 웹사이트나 많은 양의 인쇄 스타일을 가질 경우 성능 및 스타일 문제가 발생할 수 있다. 해결방법은 IE6~8에 대한 인쇄 스타일을 구현하는 또 다른 기술인 HTML5 Shiv의 htc-branch를 사용하는 것이다.