코드랩 레퍼런스

HTML5 Shiv 본문

ETC

HTML5 Shiv

webstoryboy 2017. 12. 31. 15:08
HTML5 Shiv는 구 브라우저에서 HTML5 태그를 인식시키는 스크립트입니다.

HTML5 Shiv https://github.com/aFarkas/html5shiv

HTML5 Shiv는 구 버전의 브라우저가 header, nav, aside, nav, section 같은 html5 태그를 인식할 수 있도록 설정해주는 스크립트입니다. 익스플로러 6~8버전은 새로운 HTML5 태그를 인식 할 수 없기 때문에 구조가 깨지는 문제가 생깁니다. 이 문제를 해결하려면 이 스크립트를 연동하면 됩니다. 구 익스플로러에서 생기는 문제이기 때문에 조건식 주석으로 설정해주면 해당 브라우저에서만 다운 받을 수 있게 할 수 있습니다. 
<!DOCTYPE html>
<html class="js rgba csscalc opacity supports displaytable display-table cssvhunit cssvwunit mediaqueries textshadow cssanimations backgroundsize boxshadow borderradius boxsizing no-overflowscrolling csstransforms csstransitions csstransforms3d" lang="ko">
<head>
    <meta charset="UTF-8">
    <title>html5shiv</title>
    <!--[if lt IE 9]>
        <script src="bower_components/html5shiv/dist/html5shiv.js"></script>
    <![endif]-->
    
    <!-- CND 이용하는 경우 -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
</body>
</html>
Related Articles more
공유하기 링크

Ad

Comments