點評：本文主要為大家介紹了HTML5新增元素如何兼容舊瀏覽器的解決辦法，需要的朋友可以參考下
一個問題，老師拋給我們的，就是：如何讓IE8-兼容這些標簽？（需要設計JS中的DOM）復制代碼
代碼如下:
<span> <!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5新增元素在舊瀏覽器的兼容-HTML5自由者</title>
</head>
<body>
<header>頂部區域</header>
<nav>導航區域</nav>
<article>文章區域</article>
<footer>底部區域</footer>
</body>
</html></span>
復制代碼
代碼如下:
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('article');
document.createElement('footer');
</script>
復制代碼
代碼如下:
var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');
var i= e.length;
while (i--){
document.createElement(e[i])
}
復制代碼
代碼如下:
<style>
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{
display: block;
}
</style>
復制代碼
代碼如下:
<span><!--[if lt IE 9]>
<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
<![endif]--></span>
新聞熱點
疑難解答
