同一個(gè)頁(yè)面用多個(gè)id有什么影響

2020-10-23 18:47:32

字體：大中小

供稿：網(wǎng)友

在樣式表定義一個(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)寫代碼，

例如：你可以用<b></b>顯示粗體，也可以用<strong></strong>來(lái)顯示，但W3C 建議大家用<strong>，因?yàn)?lt;strong>更有語(yǔ)義

上一篇：使用XHTML1.0 Strict中需要特別注意的地方

下一篇：標(biāo)準(zhǔn)布局應(yīng)用：顯示/隱藏側(cè)邊欄 [附詳細(xì)注解]