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

來源:互聯網
上載者:User
我們知道在樣式表定義一個樣式的時候,可以定義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不是也可以?

  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.