|
記住，你仍然可以給這些標(biāo)簽添加類和ID屬性。所以，如果你想要單獨(dú)為一個(gè)導(dǎo)航設(shè)置樣式，你可 以輕易的給這個(gè)標(biāo)簽添加一個(gè)類或者樣式，就象這樣：
<nav class="main-menu">
然后你可以應(yīng)用一個(gè)樣式：
nav.main-menu {
font-size: 18px;
}
兼容老的瀏覽器
但等一下，IE怎么辦？這些樣式完全不能在IE6下工作。如果你仍然需要支持像IE6一類遺產(chǎn) 般的瀏覽器，這兒有一個(gè)解決方法。IE6解析和顯示這些標(biāo)簽還好，但你不能對(duì)他們?cè)O(shè)置任何CSS。解決方法是使用一點(diǎn)JavaScript。
我們只需要讓IE去給我們使用createElement方法創(chuàng)造的的HTML 5標(biāo)簽設(shè)置樣式。在HTML 5文件的head標(biāo)簽內(nèi)添加這點(diǎn)東西�；蛘�，你可以把他保存在一個(gè)特定的文件里，并用這種方法包含。
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
</script>
我知道你在想什么：“哥，你根本沒有為那個(gè)腳本標(biāo)簽定義一個(gè)MIME類型。”
你根本不需要在HTML 5做這些事情。在HTML 5中，所有的腳本都被假定為type=”text/javascript”，所以沒有必要讓屬性把你的腳本標(biāo)簽搞得亂七八糟（除非你的腳本并不是 JavaScript）。
這解決了IE的問題，但我們并沒有擺脫困境。現(xiàn)在被證明Gecko渲染引擎有一個(gè)bug，導(dǎo)致 了Firefox2和Camino的一些版本在這些標(biāo)簽上卡住。
這兒有兩個(gè)方法來處理這個(gè)bug，沒有一個(gè)是理想的。更多的細(xì)節(jié)請(qǐng)查看HTML5doctor的這篇文章。這篇文章同時(shí)附有一個(gè)讓所有HTML 5元素都生效的方便腳本。\
記住，盡管Firefox 2的使用率很快在所有網(wǎng)站流量中降到了10%以下，但單純忽略這個(gè)bug可能還是需要根據(jù)你網(wǎng)站的訪問者來定。
現(xiàn)在你可以使用HTML 5了，但你會(huì)用么？
簡短的回答是：我們會(huì)。
復(fù)雜一點(diǎn)的是：那要看站點(diǎn)了。如果你指責(zé)重新制作CNN主頁，好吧，你可能會(huì)有一點(diǎn)抗拒，直到 瀏覽器的支持變好些。但如果你要給你的博客改版，我們支持你。這兒還有一些可以幫助你的Wordpress插 件，如果你正在使用這么流行的發(fā)布系統(tǒng)。這兒是一個(gè)Jeff Starr制作的HTML 5主題。
同時(shí)，試試以站點(diǎn)為主的HTML 5美術(shù)館，并且查看源代碼，看看他們做了什么。
盡管如此，如果IE的缺點(diǎn)阻止你了，這樣考慮吧：就連Google也在他們的主要搜索頁面上使 用了HTML 5的文檔類型。就算如果你不使用所有新的結(jié)構(gòu)標(biāo)簽，你可以至少利用一下簡潔的腳本聲明和下次我們會(huì)介紹的關(guān)于一些非結(jié)構(gòu)的語義標(biāo)簽。
本文鏈接：http://www.95time.cn/tech/web/2010/7700.asp 
出處：草根網(wǎng)
責(zé)任編輯：bluehearts
上一頁 使用HTML5制作網(wǎng)頁 [5] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 6 頁 使用HTML5制作網(wǎng)頁 [6]
