★ IT 꿀팁 저장소/프로그래밍 창고

html5shiv 알아보기

느영나영 에세이 2020. 12. 15. 22:31
반응형
html5shiv 기능은 무엇일까?

 

HTML5 새로운 요소를 지원하지 못하는 구 버전의 브라우저에서 HTML5 요소를 지원하게 해주는 역할을 합니다. 

 

The HTML5 Shiv enables use of HTML5 sectioning elements in legacy Internet Explorer and provides basic HTML5 styling for Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x.

 

구 버전 브라우저에서 inline 요소로 인식되는 요소(header, section, article, footer, nav, aside,figure, figcaption, main, content)는 원하지 않는 결과로 나타나게 됩니다. 

이를 해결하기 위해 제공된 라이브러리 입니다. 

 

사용방법

 

설치 방법은 아래 페이지를 참고할 수 있습니다. 

☞ https://github.com/aFarkas/html5shiv

 

 

Step 1.  수동 다운로드를 합니다. 

Step 2. HTML 파일에 스크립트를 넣습니다. 

HTML 파일 <head> </head> 사이에 아래 스크립트 코드를 넣으면 됩니다. 

 

코드. 

  1. <!--[if lt IE 9]>
  2. <script src="/js/html5shiv/html5shiv.js"></script>
  3. <![endif]-->

 

 

Ref. 참고자료 

 

1. https://github.com/aFarkas/html5shiv

 

반응형