1、現代的瀏覽器都支持HTML5。
2、所有瀏覽器不管是新的還是舊的對無法識別的元素會作為內聯元素自動處理。
3、HTML5定義了8個HTML語義元素，所有這些元素都是塊級元素，為了能讓舊版本的瀏覽器正確顯示這些元素，你可以設置css的display屬性值為block，如下：
header, section, footer, aside, nav, main, article, figure {
display: block;
}
4、你可以向HTML添加新元素，如下：
<!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> <myHero>我的第一個新元素</myHero> </body> </html>
JavaScript語句document.createElement("myHero")是為ie瀏覽器添加新的元素，但是ie8及更早版本不支持以上方式，我們可以使用以下方式來解決該為題：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>渲染 HTML5</title> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> </head> <body> <article> 我的第一個新元素 </article> </body> </html>
以上就是完美的Shiv解決方案。