[HTML5 & CSS3] IE8 이하 버전에서는 어떻게 하나요?

▶ IE8 이하 버전에서는 어떻게 사용하나요?

​​

*IE8 이하에서 시맨틱 태그를 사용하려면?

​

1. CSS에서 블록 레벨로 정의하기

시맨틱 태그를 인식하지 못하는 브라우저에서는 밑에 소스를 입력해 자신만의 영역을 가질 수 있는 블록 레벨 태그로 바꾸어 주어야 한다.

​

 

2. 시맨틱 태그 직접 정의하기

밑에처럼 자바스크립트를 이용해 태그들을 만들어 주어야 한다. 하지만 어렵다는 것이 단점.

​

 

3. HTML5 Shiv 사용하기 (가장 일반적인 것)

<script> 태그 사이에 태그를 직접 정의하는 과정을 자바스크립트 파일로 만들어 사용할 수 있도록 만든 HTML5 shiv를 사용하는 것. 인터넷에서 다운받은 후 소스 안에 링크해 사용한다.

​

​

​​

*브라우저 사이의 차이를 메꾸어 주는 폴리필(pollyfill)

최신 브라우저더라도 HTML5 표준 기능들이 어떤 브라우저에서는 되고 어떤 브라우저에서는 안된다. 이것을 '브라우저 파편화'라고 하는데 이런 브라우저 파편화를 줄이고 비슷하게라도 같은 결과를 만들기 위한 방법을 통틀어 심 (shim)또는 폴백(fallback)이라고 부른다. 앞에서 설명한 html5shiv도 심의 일종이다.

폴리필(pollyfill)은 파편화가 생기는 브라우저에 삽입하는 자바스크립트로 브라우저를 스스로 진단해 필요한 shim을 자동으로 끼워 넣어 준다.

​

​

- 이건 자바스크립트를 배우고 좀 더 공부해야 이해 가능할듯. 나중에 보자