HTML5 브라우저 지원
HTML5를 지원하지 않는 일부 이전 브라우저에서 HTML5를 지원하도록 할 수 있습니다.
HTML5 브라우저 지원지원
최신 브라우저는 HTML5를 지원합니다.
또한 이전 브라우저와 새 브라우저를 막론하고 모든 브라우저는 인식할 수 없는 요소를 인라인 요소로 자동 처리합니다.
이 때문에 브라우저에 "알 수 없는" HTML 요소를 처리하도록 "교육"할 수 있습니다.
IE6(Windows XP 2001) 브라우저에 알려지지 않은 HTML 요소를 처리하도록 가르칠 수도 있습니다.
HTML5 요소를 블록 요소로 정의
HTML5는 8개의 새로운 HTML 의미 요소를 정의합니다. 이 모든 요소는 블록 수준 요소입니다.
이전 브라우저에서 이러한 요소를 올바르게 표시할 수 있도록 CSS 표시 속성 값을 다음과 같이 차단하도록 설정할 수 있습니다.
Instance
header, section, footer, aside, nav, main, article, figure { display: block; }
추가 HTML에 새 요소
HTML에 새 요소를 추가할 수 있습니다.
이 인스턴스는 HTML에 새 요소를 추가하고 요소의 스타일을 정의합니다.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>为 HTML 添加新元素</title> <script>document.createElement("myHero")</script> <style> myHero { display: block; background-color: #ddd; padding: 50px; font-size: 30px; } </style> </head> <body> <h1>标题</h1> <p>内容</p> <myHero>元素</myHero> </body> </html>
Internet Explorer 브라우저 문제
위 방법을 사용하여 IE 브라우저에 HTML5 요소를 추가할 수 있지만:
Internet Explorer 8 및 이전 IE 버전 브라우저는 그렇지 않습니다. 위의 방법을 지원합니다.
이 문제를 해결하기 위해 Sjoerd Visscher가 만든 "HTML5 Enabling JavaScript", "shiv"를 사용할 수 있습니다.
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
위 코드는 IE 버전에서 사용되는 주석입니다. 브라우저가 IE9보다 작으면 html5.js 파일을 읽고 구문 분석합니다.
참고: 국내 사용자는 Baidu 정적 리소스 라이브러리를 사용하세요. (Google 리소스 라이브러리는 중국에서 불안정합니다.)
<!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]-->
html5shiv는 IE 브라우저에 더 나은 솔루션입니다. html5shiv는 주로 HTML5에서 제안한 새 요소가 IE6-8에서 인식되지 않는 문제를 해결합니다. 이러한 새 요소는 하위 요소를 래핑하기 위한 상위 노드로 사용할 수 없으며 CSS 스타일을 적용할 수 없습니다.
완벽한 Shiv 솔루션
예
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>shiv</title> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> </head> <body> <h1>文章标题:简单是一种方法</h1> <article> 橄榄树嘲笑无花果树说: “你的叶子到冬天时就落光了,光秃秃的树枝可真难看,哪像我终 年翠绿,美丽无比。 ”不久,一场大雪降临了,橄榄树身上都是翠绿的叶子,雪堆积在上面, 最后由于重量太大把树枝压断了, 橄榄树的美丽也遭到了破坏。 而无花果树由于叶子已经落 尽了, 全身简单,雪穿过树枝落在地上, 结果无花果树安然无恙。 外表的美丽不一定适应环 境有时是一种负担, 而且往往会因为生存带来麻烦或灾难。 相反, 平平常常倒能活得自由自 在。所以, 不如放下你外表虚荣的美丽, 或者是不实的身份和地位,踏踏实实地去体会真实 简单的生活,相信这样你将获得更多的乐趣。 </article> </body> </html>