關(guān)于同頁面多個(gè)id選擇符的釋義_CSS教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

我們?cè)跇邮奖矶x一個(gè)樣式的時(shí)候，可以定義id選擇符也可以定義class符。例如：

示例代碼 [m.ghpqjb.com]

ID方法：#test{color:#333333}，在頁面中調(diào)用<div id="test">內(nèi)容<div>
CLASS方法：.test{color:#333333}，在頁面中調(diào)用<div class="test">內(nèi)容<div>
id一個(gè)頁面只可以使用一次，class可以多次引用。

id和class好象沒什么區(qū)別，我在頁面中用了多個(gè)id選擇符在IE中顯示也正常。
用多個(gè)id有什么不良影響？第一影響就是不能通過W3的校驗(yàn)，不符合web標(biāo)準(zhǔn)！

在頁面顯示上，目前的瀏覽器還都答應(yīng)你犯這個(gè)錯(cuò)誤，用多個(gè)相同id選擇符“一般情況下”也能正常顯示。但是當(dāng)你需要用JavaScript通過id來控制這個(gè)div的時(shí)候，那就會(huì)出現(xiàn)紊亂，出現(xiàn)很大的錯(cuò)誤！

id是一個(gè)標(biāo)簽，用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容，就假如一個(gè)人的姓名，假如一個(gè)OFFICE有2個(gè)人同名，就會(huì)出現(xiàn)混淆。往往通過不同的語義，來進(jìn)行區(qū)分，也就是使用不同的ID也進(jìn)行區(qū)別。
class是一個(gè)樣式，可以套在任何結(jié)構(gòu)和內(nèi)容上，就如同一件衣服。可是多個(gè)人穿同一款式、同一樣式的衣服。

概念上說id、class就是不一樣的。id是先找到結(jié)構(gòu)、內(nèi)容，再給它定義樣式；class是先定義好一種樣式，再套給多個(gè)結(jié)構(gòu)、內(nèi)容。

web標(biāo)準(zhǔn)是希望大家用嚴(yán)格的習(xí)慣來寫代碼，你可以用<b></b>顯示粗體，也可以用<strong></strong>來顯示，但W3C 建議大家用<strong>，因?yàn)?lt;strong>更有語義。

假如對(duì)這些細(xì)節(jié)問題不重視，覺得無所謂，那么你就沒必要向xml過渡了，也沒必要學(xué)習(xí)web標(biāo)準(zhǔn)！
因?yàn)閣eb標(biāo)準(zhǔn)應(yīng)用就是從這些小細(xì)節(jié)上的改變開始！否則用現(xiàn)在的html不是也可以制作WEB頁面嗎？