9. 本地存儲
HTML5的本地存儲功能,可以讓現(xiàn)代瀏覽器“記住”我們輸入的,就算瀏覽器關(guān)閉和刷新也不會受影響。雖然這個功能有些瀏覽器不支持,但是IE8, Safari 4, 還有 Firefox 3.5還是支持這個功能的,你可以測試下。
10. 更有語義的header和footer
下面的代碼在HTML5中將不復(fù)存在
<div id=header>
...
</div>
<div id=footer>
...
</div>
通常我們都會給header和footer定義一個div,然后再添加一個id,但是在HTML5中可以直接使用<header>和<footer>標(biāo)簽,所以可以將上面的代碼改寫成:
<header>
...
</header>
<footer>
...
</footer>
要注意不要將這兩個標(biāo)簽和網(wǎng)站的頭部和頁腳混淆起來,它們只是代表它們的容器。
11. IE對HTML5的支持
IE瀏覽器目前對HTML5的支持并不好,也是阻礙HTML5的更快普及的一大絆腳石,不過,IE9對HTML5的支持度還是很不錯的。
IE把HTML5新增的標(biāo)簽都解析成內(nèi)聯(lián)元素,而實(shí)際上它們是塊級元素,所以有必要為它們定義一個樣式:
header, footer, article, section, nav, menu, hgroup {
display: block;
}
盡管如此,IE還是不能解析這些新增的HTML5標(biāo)簽,這個時候就需要借助Javascript來解決這個問題:
document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");
document.createElement("menu");