[mobile web] ie8에서 html5 tag 사용하기

[mobile web] ie8에서 html5 tag 사용하기

IE9에서는 html5에 해당하는 시멘텍 태그인 header, section, footer가 정상적으로 적용되어서 모바일웹페이지를 잘 만들었는데

IE8에서는 제대로 화면이 보이지 않았습니다.

css나 js를 로딩하기 전에 미리 문서상에 htm5 시멘텍 태그를 자바스크립트로 만들어주면

IE8에서도 정상적으로 적용됩니다.

 

<style>

article, aside, hgroup, header, footer, figure, figcaption, nav, section {
display: block;
}
</style>

 

<script>
document.createElement('header');
document.createElement('article');
document.createElement('nav');
document.createElement('footer');
document.createElement('section');
</script>

 

 

적용한 전/후의 모습

         

 

 

 

 

 

 

 

[mobile web] ie8에서 html5 tag 사용하기