HTML5shiv

HTML5shiv

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

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

• html5shiv 사용법
  • 다운로드한 파일의 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;}

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