問(wèn)題描述

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

問(wèn)題解答

同一個(gè)html頁(yè)面用多個(gè)id有什么影響？-PHP中文網(wǎng)問(wèn)答-同一個(gè)html頁(yè)面用多個(gè)id有什么影響？-PHP中文網(wǎng)問(wèn)答

圍觀一下哦，學(xué)習(xí)一下。

我們知道在樣式表定義一個(gè)樣式的時(shí)候，可以定義id也可以定義class，例如：

ID方法：#test{color:#333333}，在頁(yè)面中調(diào)用內(nèi)容

CLASS方法：.test{color:#333333}，在頁(yè)面中調(diào)用內(nèi)容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è)p，那就會(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)寫代碼，

例如：你可以用顯示粗體，也可以用來(lái)顯示，但W3C 建議大家用，因?yàn)楦姓Z(yǔ)義