각 브라우저에는 지원하는 HTML 요소 목록이 있습니다. 목록에 없는 요소는 알 수 없는 요소로 간주됩니다. 브라우저는 알 수 없는 요소에 대해 스타일을 설정하지 않습니다(브라우저마다 요소에 대한 기본 스타일이 다릅니다). IE9 이전 버전에서는 알 수 없는 요소에 스타일을 지정할 수 없습니다. 알 수 없는 요소의 DOM도 잘못 표시되며 IE는 하위 요소가 없는 빈 노드를 DOM에 삽입합니다. 이 알려지지 않은 요소의 자식이라고 생각했던 모든 요소는 형제가 됩니다.

이 문제에 대한 해결책이 있습니다. 기사 태그를 사용하기 전에 js를 사용하여 가짜 기사 요소를 생성하세요. IE는 이 요소를 인식하고 CSS로 스타일 설정을 지원합니다. 이 가짜 요소는 DOM에 삽입할 필요조차 없습니다.

다음 예를 참조하세요:

그런데 머리에 js 문장을 추가하면 상황이 즉시 달라집니다.

모든 새로운 HTML5 요소의 가짜 복사본을 한 번만 만들 수 있으므로 앞으로 HTML5를 잘 지원하지 않는 브라우저에 대해 걱정할 필요가 없습니다. Remy Sharp의 HTML5 활성화 스크립트는 이러한 작업을 수행하는 데 도움이 됩니다. 스크립트의 기본 아이디어는 다음과 같습니다.

이 스크립트는 Google 프로젝트 호스팅에서 호스팅되었습니다.