同一個頁面用多個id有什么影響
更新時間:2006年12月11日 00:00:00 作者:
在樣式表定義一個樣式的時候,可以定義id也可以定義class,例如:
ID方法:#test{color:#333333},在頁面中調(diào)用<div id="test">內(nèi)容<div>
CLASS方法:.test{color:#333333},在頁面中調(diào)用<div class="test">內(nèi)容<div>
id一個頁面只可以使用一次,class可以多次引用。
有網(wǎng)友問,id和class好象沒什么區(qū)別,我在頁面中用了多個id在IE中顯示也正常,用多個id有什么影響嗎?
回答:第一影響就是不能通過W3的校驗。
在頁面顯示上,目前的瀏覽器還都允許你犯這個錯誤,用多個相同ID“一般情況下”也能正常顯示。但是當你需要用JavaScript通過id來控制這個div,那就會出現(xiàn)錯誤。
id是一個標簽,用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容,就象你的名字,如果一個屋子有2個人同名,就會出現(xiàn)混淆;
class是一個樣式,可以套在任何結(jié)構(gòu)和內(nèi)容上,就象一件衣服;
概念上說就是不一樣的:
id是先找到結(jié)構(gòu)/內(nèi)容,再給它定義樣式;class是先定義好一種樣式,再套給多個結(jié)構(gòu)/內(nèi)容。
web標準希望大家用嚴格的習(xí)慣來寫代碼,
例如:你可以用<b></b>顯示粗體,也可以用<strong></strong>來顯示,但W3C 建議大家用<strong>,因為<strong>更有語義
ID方法:#test{color:#333333},在頁面中調(diào)用<div id="test">內(nèi)容<div>
CLASS方法:.test{color:#333333},在頁面中調(diào)用<div class="test">內(nèi)容<div>
id一個頁面只可以使用一次,class可以多次引用。
有網(wǎng)友問,id和class好象沒什么區(qū)別,我在頁面中用了多個id在IE中顯示也正常,用多個id有什么影響嗎?
回答:第一影響就是不能通過W3的校驗。
在頁面顯示上,目前的瀏覽器還都允許你犯這個錯誤,用多個相同ID“一般情況下”也能正常顯示。但是當你需要用JavaScript通過id來控制這個div,那就會出現(xiàn)錯誤。
id是一個標簽,用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容,就象你的名字,如果一個屋子有2個人同名,就會出現(xiàn)混淆;
class是一個樣式,可以套在任何結(jié)構(gòu)和內(nèi)容上,就象一件衣服;
概念上說就是不一樣的:
id是先找到結(jié)構(gòu)/內(nèi)容,再給它定義樣式;class是先定義好一種樣式,再套給多個結(jié)構(gòu)/內(nèi)容。
web標準希望大家用嚴格的習(xí)慣來寫代碼,
例如:你可以用<b></b>顯示粗體,也可以用<strong></strong>來顯示,但W3C 建議大家用<strong>,因為<strong>更有語義
相關(guān)文章
firefox下rowspan+border+border-collapse的bug
好久沒有發(fā)相關(guān)瀏覽器的坑了。今天同事cy發(fā)現(xiàn),在firefox里rowspan不生效...2010-02-02
CSSvista可同時在IE和Fifrefox調(diào)試的CSS編輯提供下載
CSSvista:可同時在IE和Fifrefox調(diào)試的CSS編輯器 CSSvista是一個免費的Windows增強應(yīng)用程序,為Web開發(fā)人員準備的一個CSS編輯器。它可以讓你同時在IE和Firefox下調(diào)試你的CSS樣式表代碼。2008-06-06
CSS hack實現(xiàn) CSS完美兼容IE6/IE7/FF的通用方法
CSS hack實現(xiàn) CSS完美兼容IE6/IE7/FF的通用方法...2007-11-11
有時候圖片太大,會破環(huán)網(wǎng)頁整齊的布局。這時可以用css來強制按比例壓縮圖片的高度或?qū)挾取?/div> 2008-06-06最新評論

