首頁 >web前端 >css教學 >同一個頁面用多個id有什麼影響_經驗交流

同一個頁面用多個id有什麼影響_經驗交流

WBOY
WBOY原創
2016-05-16 12:10:151734瀏覽

在樣式表定義一個樣式的時候,可以定義id也可以定義class,例如:

ID方法:#test{color:#333333},在頁面中呼叫

內容
 
CLASS方法:.test{color:#333333},在頁面中呼叫
內容
 
id一個頁面只可以使用一次,class可以多次引用。

有網友問,id和class好像沒什麼差別,我在頁中用了多個id在IE中顯示也正常,用多個id有什麼影響嗎?

回答:第一個影響就是不能通過W3的校驗。

在頁面顯示上,目前的瀏覽器還都允許你犯這個錯誤,用多個相同ID「一般情況下」也能正常顯示。但是當你需要用JavaScript透過id來控制這個div,就會出現錯誤。

id是一個標籤,用來區分不同的結構和內容,就像你的名字,如果一個屋子有2個人同名,就會出現混淆; 
class是一個樣式,可以套在任何結構和內容上,就像一件衣服;
概念上說就是不一樣的:
id是先找到結構/內容,再給它定義樣式;class是先定義好一種樣式,再套給多個結構/內容。

web標準希望大家用嚴格的習慣來寫程式碼,

例如:你可以用顯示粗體,也可以用來顯示,但W3C 建議大家用,因為比較語意
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn