首頁  >  文章  >  web前端  >  同一個頁面用多個id有什麼影響_CSS/HTML

同一個頁面用多個id有什麼影響_CSS/HTML

WBOY
WBOY原創
2016-05-16 12:11:341964瀏覽

我們知道在樣式表定義一個樣式的時候,可以定義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 建議大家用,因為更有語意

如果對這些細節問題不重視,覺得無所謂,
那麼你就沒必要向xml過渡了,也沒必要學習web標準了,因為web標準應用就是從這些小細節上的改變開始,否則用現在的html不是也可以?

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