Wulin.com의 기사 소개 (www.vevb.com) : 즉, 새로운 HTML5 요소를 지원하는 방법.
새로운 HTML5 요소를 사용하면 다른 브라우저 (예 : 섹션, 기사, 헤더 및 바닥 글)에서 잘 수행 할 수있는 태그는 IE 브라우저의 과제입니다. 문제의 이유는 IE 브라우저의 구문 분석 메커니즘 때문입니다. 인식 할 수없는 이러한 태그 요소는 문서 개체의 오류 표시로 이어집니다.
이 문제를 설명하려면 다음 짧은 코드를 참조하십시오.
1
2
3
4
5
<body>
<섹션>
<p> 이것은 예입니다 </p>
</섹션>
</body>
이상하게도, ie6-ie8은 <섹션> 태그를 구문 분석 할 수 없어서 DOM 노드가 다음과 같이 보일 수 없습니다.
IE 브라우저는 두 개의 빈 요소를 만듭니다. 하나는 섹션이고 다른 하나는 /섹션입니다. 시작 태그로 인식되지 않은 엔드 태그를 가져가는 것은 사실입니다.
이 문제를 해결하는 편리한 방법은 다음과 같습니다. 이 방법의 가장 기본적인 개념은 document.createelement (tagname)를 사용하여 알려지지 않은 요소를 만드는 것입니다. IE 파서는 이러한 요소를 인식하고보다 합리적이고 효과적인 방식으로 분석하고 표시합니다. 예를 들어 다음 코드를 사용할 수 있습니다.
1
문서 .CreateElement (섹션);
이러한 방식으로 위의 코드는 구문 분석 후 다음과 같습니다.
이 기술을 사용하면 IE6, IE7 및 IE8이 알려지지 않은 요소를 구문 분석 할 수 있습니다.
편의를 위해 Remy Sharp는 새로운 HTML5 요소의 디스플레이를 향상시킬 수있는 코드를 작성하여 쉽게 다운로드하고 사용할 수 있습니다. 간단한 스크립트를 게시했습니다.
이 코드는 Opera 9, Firefox 3 및 Safari 3과 같은 다른 브라우저가 기본적으로 이러한 새로운 요소를 구문 분석하는 데 적합합니다. Firefox2에는 몇 가지 문제가 있지만 이러한 문제에 대한 해결책은 발견되지 않았습니다. 그러나 IE의 업데이트 속도와 비교할 때 Firefox는 문제가되지 않습니다.
스타일을 인쇄하기 위해이 방법으로 만든 레이블을 적용 할 수 없습니다. IE 인쇄 스타일이 올바른지 알고 싶다면 IE 브라우저에서 다음 기사 인쇄 HTML5 요소 (IE Print Protector)를 확인하십시오.
오리지널 중국어 : 즉, 새로운 HTML5 요소를 지원하는 방법
오리지널 영어 : IE의 새로운 요소를 지원합니다