css初學者在剛開始用div+css佈局的時候,常常被一個問題所困擾:當定義一個屬性時,是使用id,還是使用class?在這我談下自己在工作中對id和class的使用原則。希望對初學者有幫助。
[b]id的使用原則[/b]
我們知道id具有唯一性,也就是說在整個xhtml中id是不能重複的,所以我們在寫網頁的時候,大的結構用id,比如:logo、導航、主體內容、版權等,根據命名規範分別命名為#logo、#nav、#contenter、#copyright。還有一種情況就是:我們要透過js作用一個層,以實現某種效果的時候,用id。這也是由id的唯一性決定的。
[b]class的使用原則[/b]
class在css定義中具有普遍性,可以無限次的重複使用,這也反映了div+css佈局的優越性。 class常用於結構內部,這樣做的好處是有利於網站程式碼的後期維護與修改,這會讓所有的class成為id的子級或孫級。
另外要注意一點的是盡量不要讓class包含id,例如.ff #childer{。 ..},這樣做顯然不可取,不符合書寫習慣。前面也介紹過良好的書寫習慣,對寫出規範的程式碼,和其他同事的合作,以至於後期的維護都是很有好處的。