|
9. 本地存儲(chǔ)
HTML5的本地存儲(chǔ)功能，可以讓現(xiàn)代瀏覽器“記住”我們輸入的，就算瀏覽器關(guān)閉和刷新也不會(huì)受影響。雖然這個(gè)功能有些瀏覽器不支持，但是IE8, Safari 4, 還有 Firefox 3.5還是支持這個(gè)功能的，你可以測(cè)試下。
10. 更有語(yǔ)義的header和footer
下面的代碼在HTML5中將不復(fù)存在
<div id=header>
...
</div>
<div id=footer>
...
</div>
通常我們都會(huì)給header和footer定義一個(gè)div，然后再添加一個(gè)id，但是在HTML5中可以直接使用<header>和<footer>標(biāo)簽，所以可以將上面的代碼改寫成：
<header>
...
</header>
<footer>
...
</footer>
要注意不要將這兩個(gè)標(biāo)簽和網(wǎng)站的頭部和頁(yè)腳混淆起來，它們只是代表它們的容器。
11. IE對(duì)HTML5的支持
IE瀏覽器目前對(duì)HTML5的支持并不好，也是阻礙HTML5的更快普及的一大絆腳石，不過，IE9對(duì)HTML5的支持度還是很不錯(cuò)的。
IE把HTML5新增的標(biāo)簽都解析成內(nèi)聯(lián)元素，而實(shí)際上它們是塊級(jí)元素，所以有必要為它們定義一個(gè)樣式：
header, footer, article, section, nav, menu, hgroup {
display: block;
}
盡管如此，IE還是不能解析這些新增的HTML5標(biāo)簽，這個(gè)時(shí)候就需要借助Javascript來解決這個(gè)問題：
document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");
document.createElement("menu");
出處：
責(zé)任編輯：bluehearts
上一頁(yè) 22個(gè)HTML5的初級(jí)技巧 [2] 下一頁(yè) 22個(gè)HTML5的初級(jí)技巧 [4]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 3 頁(yè) 22個(gè)HTML5的初級(jí)技巧 [3]
