안녕하세요^^
html5 사이트가 ie6에서 제대로 보이지 않는 문제 해결이라는 글들중에
1.document.createElement("article");
2.document.createElement("footer");
3.document.createElement("header");
4.document.createElement("hgroup");
5.document.createElement("nav");
이 내용을 넣어주면 html5가 제대로 보인다는 글을 몇번 봤습니다.
위의 내용이 ie6에서 어떤 문제를 해결해 주는지 궁금하구요.
저자님 책에서 스크립트로 ie8,7,6 에서 사이트가 크게 틀어지는 버그 잡아주는 법과 비슷한건지..
그리고 저걸 사용할때 어디에 어떻게 넣어주면 되는지도 궁금합니다.
코드로 위 내용만 딱 나와있어서 정확히 어떻게 사용해야하는지 잘 모르겠어요..
제 책 페이지 396부터 나오는 하위브라우저 호환성 문제와 같은 맥락입니다.
IE6 뿐만 아니라, IE7, 8 에서 동일하게 HTML5의 태그는 인식하지 못합니다.
따라서, 자바스크립트를 이용해서 해당 태그를 정의해 주는 것입니다. 하지만 HTML5의 태그는 제시된 내용 보다 상당히 많습니다. 그렇기때문에, 해당 내용을 적용하는 것 보단, 제가 책에서 제시한 방법을 사용하는 것이 가장 안전하면서, 정확한 방법입니다. 위의 내용은 HTML5의 태그의 일부를 태그로 정의해 주는 것이기 때문에 해당 태그 이외의 태그가 나오면 적용이 안되는 겁니다.
그리고 해당 내용은 head 태그 사이에 자바스크립트를 이용해서 삽입하는 것입니다.