同一個頁面用多個id有什么影響
更新時間:2006年12月11日 00:00:00 作者:
在樣式表定義一個樣式的時候,可以定義id也可以定義class,例如:
ID方法:#test{color:#333333},在頁面中調用<div id="test">內容<div>
CLASS方法:.test{color:#333333},在頁面中調用<div class="test">內容<div>
id一個頁面只可以使用一次,class可以多次引用。
有網友問,id和class好象沒什么區(qū)別,我在頁面中用了多個id在IE中顯示也正常,用多個id有什么影響嗎?
回答:第一影響就是不能通過W3的校驗。
在頁面顯示上,目前的瀏覽器還都允許你犯這個錯誤,用多個相同ID“一般情況下”也能正常顯示。但是當你需要用JavaScript通過id來控制這個div,那就會出現錯誤。
id是一個標簽,用于區(qū)分不同的結構和內容,就象你的名字,如果一個屋子有2個人同名,就會出現混淆;
class是一個樣式,可以套在任何結構和內容上,就象一件衣服;
概念上說就是不一樣的:
id是先找到結構/內容,再給它定義樣式;class是先定義好一種樣式,再套給多個結構/內容。
web標準希望大家用嚴格的習慣來寫代碼,
例如:你可以用<b></b>顯示粗體,也可以用<strong></strong>來顯示,但W3C 建議大家用<strong>,因為<strong>更有語義
ID方法:#test{color:#333333},在頁面中調用<div id="test">內容<div>
CLASS方法:.test{color:#333333},在頁面中調用<div class="test">內容<div>
id一個頁面只可以使用一次,class可以多次引用。
有網友問,id和class好象沒什么區(qū)別,我在頁面中用了多個id在IE中顯示也正常,用多個id有什么影響嗎?
回答:第一影響就是不能通過W3的校驗。
在頁面顯示上,目前的瀏覽器還都允許你犯這個錯誤,用多個相同ID“一般情況下”也能正常顯示。但是當你需要用JavaScript通過id來控制這個div,那就會出現錯誤。
id是一個標簽,用于區(qū)分不同的結構和內容,就象你的名字,如果一個屋子有2個人同名,就會出現混淆;
class是一個樣式,可以套在任何結構和內容上,就象一件衣服;
概念上說就是不一樣的:
id是先找到結構/內容,再給它定義樣式;class是先定義好一種樣式,再套給多個結構/內容。
web標準希望大家用嚴格的習慣來寫代碼,
例如:你可以用<b></b>顯示粗體,也可以用<strong></strong>來顯示,但W3C 建議大家用<strong>,因為<strong>更有語義
相關文章
讓iframe自適應高度(支持xhtml)IE firefox兼容
讓iframe自適應高度(支持xhtml)IE firefox兼容...2007-04-04一點小小的創(chuàng)意css鼠標放上去則顯示電話號碼
一點小小的創(chuàng)意css鼠標放上去則顯示電話號碼...2007-10-10