html5新标签及ie兼容

html5的新标签有那些呢:http://www.w3school.com.cn/html5/html5_reference.asp

五大网页浏览器CSS3和HTML5兼容性比拼(时间比较久,现在新版本可能不一样)

先看一下面的一段简单的新标签应用在ie和chrome中的不同表现

<style>nav,header,section,footer{
border:1px solid #ccc;
padding:10px;
display:block;
}</style>
<nav>nav</nav>
<header>header</header>
<section>section</section>
<footer>footer</footer>
<!--!doctype-->

可以看出ie中不能识别这些标签。

关于让头痛的ie兼容这些新标签,很简单的办法就是加一句JS,参考以下网站http://code.google.com/p/html5shiv/

<!--[if lt IE 9]><![endif]-->

引用这段JS在放在head之间,放在后面是不识别的哈。

有了这东西就大胆的运用这些新标签吧-_-

还有关于css reset 等,可以直接在github上面找到这个https://github.com/murtaugh/HTML5-Reset 我看wordpress还有很多站内都是引用此reset