首頁  >  文章  >  web前端  >  div css中Class與ID的區別_經驗交流

div css中Class與ID的區別_經驗交流

WBOY
WBOY原創
2016-05-16 12:07:551686瀏覽

一個Class是用來根據使用者定義的標準對一個或多個元素進行定義的。打個比較恰當的比方就是劇本:一個Class可以定義劇本中每個人物的故事線,你可以透過CSS,Javascript等來使用這個類別。因此你可以在一個頁面上使用class="Frodo" ,class="Gandalf",class="Aragorn"來區分不同的故事線。還有一點非常重要的是你可以在一個文件中使用任意次數的Class。 
   
至於ID,通常用來定義頁面上一個僅出現一次的標記。在對頁面排版進行結構化佈局時(比如說通常一個頁面都是由一個頁眉,一個報頭,一個內容區域和一個頁腳等組成),一般使用ID比較理想,因為一個ID在一個文檔中只能被使用一次。而這些元素在同一頁中很少會出現大於一次的情況。 
   
歸納成一句話就是:Class可以重複使用而ID在一個頁面中只能被使用一次。有可能在很大部分瀏覽器中重複使用同一個ID不會出現問題,但在標準上這絕對是錯誤的使用,而且很可能導致某些瀏覽器的現實問題。 (剛才在Dreamweaver中試了一下,確實,並沒有出錯) 
   
在實際應用的時候,Class可能對文字的排版等比較有用,而ID則對宏觀佈局和設計放置各種元素較有用。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn