同一個(gè)頁(yè)面用多個(gè)id有什么影響
更新時(shí)間:2006年12月11日 00:00:00 作者:
在樣式表定義一個(gè)樣式的時(shí)候,可以定義id也可以定義class,例如:
ID方法:#test{color:#333333},在頁(yè)面中調(diào)用<div id="test">內(nèi)容<div>
CLASS方法:.test{color:#333333},在頁(yè)面中調(diào)用<div class="test">內(nèi)容<div>
id一個(gè)頁(yè)面只可以使用一次,class可以多次引用。
有網(wǎng)友問(wèn),id和class好象沒(méi)什么區(qū)別,我在頁(yè)面中用了多個(gè)id在IE中顯示也正常,用多個(gè)id有什么影響嗎?
回答:第一影響就是不能通過(guò)W3的校驗(yàn)。
在頁(yè)面顯示上,目前的瀏覽器還都允許你犯這個(gè)錯(cuò)誤,用多個(gè)相同ID“一般情況下”也能正常顯示。但是當(dāng)你需要用JavaScript通過(guò)id來(lái)控制這個(gè)div,那就會(huì)出現(xiàn)錯(cuò)誤。
id是一個(gè)標(biāo)簽,用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容,就象你的名字,如果一個(gè)屋子有2個(gè)人同名,就會(huì)出現(xiàn)混淆;
class是一個(gè)樣式,可以套在任何結(jié)構(gòu)和內(nèi)容上,就象一件衣服;
概念上說(shuō)就是不一樣的:
id是先找到結(jié)構(gòu)/內(nèi)容,再給它定義樣式;class是先定義好一種樣式,再套給多個(gè)結(jié)構(gòu)/內(nèi)容。
web標(biāo)準(zhǔn)希望大家用嚴(yán)格的習(xí)慣來(lái)寫(xiě)代碼,
例如:你可以用<b></b>顯示粗體,也可以用<strong></strong>來(lái)顯示,但W3C 建議大家用<strong>,因?yàn)?lt;strong>更有語(yǔ)義
ID方法:#test{color:#333333},在頁(yè)面中調(diào)用<div id="test">內(nèi)容<div>
CLASS方法:.test{color:#333333},在頁(yè)面中調(diào)用<div class="test">內(nèi)容<div>
id一個(gè)頁(yè)面只可以使用一次,class可以多次引用。
有網(wǎng)友問(wèn),id和class好象沒(méi)什么區(qū)別,我在頁(yè)面中用了多個(gè)id在IE中顯示也正常,用多個(gè)id有什么影響嗎?
回答:第一影響就是不能通過(guò)W3的校驗(yàn)。
在頁(yè)面顯示上,目前的瀏覽器還都允許你犯這個(gè)錯(cuò)誤,用多個(gè)相同ID“一般情況下”也能正常顯示。但是當(dāng)你需要用JavaScript通過(guò)id來(lái)控制這個(gè)div,那就會(huì)出現(xiàn)錯(cuò)誤。
id是一個(gè)標(biāo)簽,用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容,就象你的名字,如果一個(gè)屋子有2個(gè)人同名,就會(huì)出現(xiàn)混淆;
class是一個(gè)樣式,可以套在任何結(jié)構(gòu)和內(nèi)容上,就象一件衣服;
概念上說(shuō)就是不一樣的:
id是先找到結(jié)構(gòu)/內(nèi)容,再給它定義樣式;class是先定義好一種樣式,再套給多個(gè)結(jié)構(gòu)/內(nèi)容。
web標(biāo)準(zhǔn)希望大家用嚴(yán)格的習(xí)慣來(lái)寫(xiě)代碼,
例如:你可以用<b></b>顯示粗體,也可以用<strong></strong>來(lái)顯示,但W3C 建議大家用<strong>,因?yàn)?lt;strong>更有語(yǔ)義
相關(guān)文章
讓iframe自適應(yīng)高度(支持xhtml)IE firefox兼容
讓iframe自適應(yīng)高度(支持xhtml)IE firefox兼容...2007-04-04關(guān)于《精通css》之幾個(gè)不錯(cuò)的注意事項(xiàng)
這篇文章主要介紹了關(guān)于《精通css》之幾個(gè)不錯(cuò)的注意事項(xiàng),需要的朋友可以參考下2007-03-03用css filter做鼠標(biāo)滑過(guò)圖片效果
css結(jié)合filter實(shí)現(xiàn)的鼠標(biāo)滑過(guò)圖片效果代碼2008-06-06一點(diǎn)小小的創(chuàng)意css鼠標(biāo)放上去則顯示電話號(hào)碼
一點(diǎn)小小的創(chuàng)意css鼠標(biāo)放上去則顯示電話號(hào)碼...2007-10-10