댓글 : HTML5는 개발자에게 섹션, NAV, 기사, 헤더 및 바닥 글과 같은 많은 새로운 태그를 제공합니다. 이 태그는 의미 론적이며 자주 사용되지만 IE6, IE7, IE8 및 FIREFOX 2와 같은 오래된 브라우저에서 일반적으로 인식되지 않고 사용됩니다. 이것은 항상 많은 네티즌에 의해 화를 냈습니다. 다음 으로이 분노를 제거하는 방법
HTML5는 섹션, NAV, 기사, 헤더, 바닥 글 등과 같은 많은 새로운 태그를 개발자에게 제공합니다.이 태그는 의미 론적이며 자주 사용될 것이지만 IE6, IE7, IE8 및 Firefox 2와 같은 오래된 브라우저에서는 일반적으로 인식하고 사용할 수 없습니다.
구식 브라우저 가이 태그를 인식 할 수없는 이유는 무엇입니까?실제로, 이런 종류의 태그가 그 시대에는 전혀 존재하지 않았기 때문에 결함은 브라우저가 아닙니다. 따라서 올바르게 식별 할 수는 없습니다. 이 비정상적인 태그 인식은 DOM 구조를 비정상적으로 만듭니다.
다음과 같이 테스트 코드가 있습니다. 제목과 파란색 단어가있는 기사 내용이며 기사 내용은 기사 태그를 사용합니다.
<! doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml"lang = "zh-cn">
<헤드>
<meta charset = "utf-8" />
<title> 테스트 </title>
<스타일>
기사 {색상 :#06f;}
</스타일>
</head>
<body>
<H1> 기사 제목 </h1>
<기사>
이것은 기사의 내용이며, 파란색 텍스트가되어야합니다. 이전 브라우저에서 해킹을하지 않으면 예외가 표시됩니다.
</article>
</body>
</html>
IE8에는 다음이 표시됩니다.
IE8은 기사 태그를 인식 할 수 없으며 태그에 정의 된 CSS 스타일은 효과가 없습니다. IE8에서 <article>은 <article /> 및 < /article />이라는 두 개의 빈 태그 요소로 해석되며 아래 그림과 같이 기사 내용과 함께 형제 노드로 나열됩니다.
구식 브라우저에서 HTML5 태그를 사용하는 방법은 무엇입니까?인식 할 수 없기 때문에 사용할 수 없으므로 해결책은 태그를 인식하는 것입니다. 다행스럽게도 간단히 Document.createElement (Tagname)를 사용하면 브라우저가 태그를 인식 할 수 있고 CSS 엔진은 태그의 존재를 알 수 있습니다. 다음 코드가 위의 예제의 <head> 영역에 추가된다고 가정하십시오.
<cript>
문서 .CreateElement ( '기사');
</스크립트>
IE8의 DOM 설명은 다음과 같은 수치가됩니다.
당연히 텍스트는 일반 파란색으로 나타납니다.
결론블로그는 오랫동안 HTML5 쓰기로 전환되었지만 많은 사용자가 최신 브라우저를 사용하지 않기 때문에 HTML4 태그 세트를 사용하고 있습니다. HTML5의 많은 태그는 의미적이고 실용적입니다. 또한 일반적으로 사용되는 태그를 시도하기 시작했으며 이제는 기사와 시간 태그를 사용합니다.