Wulin.com의 기사 소개 (www.vevb.com) : 블로그는 오랫동안 HTML5 Writing으로 전환되었지만 많은 사용자가 최신 브라우저를 사용하지 않았으며 HTML4 태그 세트를 사용하고 있습니다. HTML5에는 의미적이고 실용적인 많은 태그가 있습니다. 또한 일반적으로 사용되는 태그를 시도하기 시작했으며 이제는 기사와 시간 태그를 사용합니다.
HTML5는 개발자에게 섹션, NAV, 기사, 헤더 및 바닥 글과 같은 많은 새로운 태그를 제공합니다. 이 태그는 의미 론적이며 자주 사용되지만 IE6, IE7, IE8 및 Firefox 2와 같은 오래된 브라우저에서 정상적으로 인식하고 사용할 수는 없습니다.
구식 브라우저 가이 태그를 인식 할 수없는 이유는 무엇입니까?
실제로, 이런 종류의 태그가 그 시대에는 전혀 존재하지 않았기 때문에 결함은 브라우저가 아닙니다. 따라서 올바르게 식별 할 수는 없습니다. 이 비정상적인 태그 인식은 DOM 구조를 비정상적으로 만듭니다.
다음과 같이 테스트 코드가 있습니다. 제목과 파란색 단어가있는 기사 내용이며 기사 내용에는 기사가 표시됩니다.
<! doctype html><html xmlns = 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에는 의미적이고 실용적인 많은 태그가 있습니다. 또한 일반적으로 사용되는 태그를 시도하기 시작했으며 이제는 기사와 시간 태그를 사용합니다.