[HTML] IE8에서 HTML5 태그 사용하기

IE8에서 HTML5 태그 사용하기

1. html5shiv 이용하기

html5shiv는 IE8 이하 버전에서 HTML5 태그 사용이 가능하게 해준다.
아래 주소에서 다운받을 수 있다.

https://github.com/afarkas/html5shiv

혹은 페이지 head 태그 안에 다음 문구를 추가해주면 된다. IE9 부터는 HTML5 태그 사용이 가능하기 때문에 conditional comments를 이용해 IE8부터만 적용되게끔 처리한다.

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

2. CSS & Javascript 설정하기

새롭게 추가된 HTML5 태그 값들에 display:block; 속성을 추가해준다.

header, footer, section, summary, article, menu, nav, aside, canvas, details, figcaption, figure { display:block }

그 후 javascript를 이용해 태그를 추가해준다.

<script type="text/javascript">
   document.createElement('header');
   document.createElement('nav');
   document.createElement('section');
   document.createElement('article');
   document.createElement('aside');
   document.createElement('footer');
 </script>