html,css裡面關於 id,class,name 屬性的

時間 2021-09-12 11:30:56

1樓:匿名使用者

name和id

name原來是為了標識之用,但是現在根據規範,都建議用id來標識元素。

以下只能用name: 1. 表單(form)的控制元件名,提交的資料都用控制元件的name而不是id來控制。

因為有許多name會同時對應多個控制元件,比如checkbox和radio,而id必須是全文件中唯一的。此外瀏覽器會根據name來設定傳送到伺服器的request。因此如果用id,伺服器是無法得到資料的。

2. frame和window的名字,用於在其他frame或window指定target。 以下只能用id:

1. label與form控制元件的關聯, my input

for屬性指定與label關聯的元素的id,不可用name替代。 2. css的元素選擇機制,以#myid的方式指定應用樣式的元素,不能用name替代。

3. 指令碼中獲得物件: ie支援在指令碼中直接以id(而不是name)引用該id標識的物件。

例如上面的input,要在指令碼中獲得輸入的內容,可以直接以myinput.value來獲得。 如果用dom的話,則用document.

getelementbyid("myinput").value,如果要用name的話,通常先得到包含控制元件的form,例如document.forms[0],然後從form再引用name,注意這樣得到的是經過計算後將傳送給伺服器的值。

name與id的其他區別是: id要符合標識的要求,比如大小寫敏感,最好不要包含下劃線(因為不相容css)。而name基本上沒有什麼要求,甚至可以用數字。

class和id

在一個html網頁中,id是唯一的,即只有某一個標籤,或某一個塊的識別符號是這個id。class可重複使用,用來根據使用者定義的標準對一個或多個元素進行標記和定義。

實際使用中,class可能對文字的排版等比較有用,而id則對巨集觀佈局和設計放置各種元素較有用。

綜合例子:網頁**有

用css控制這個連結的停留樣式,可以這樣寫 #m_blog div.opt a:hover 或 #mylink:hover

2樓:育知同創教育

1. name:指定標籤的名稱

應用場景:

①form表單:name可作為轉遞給伺服器表單列表的變數名;如上面的傳到伺服器的名稱為:username='text的值'。

②input type='radio'單選標籤:把幾個單選標籤的 name設為一個相同值時,將會進行單選操作。男女

③快速獲取一組name相同的標籤:獲取擁有相同name的標籤,一起進行操作,如:更改屬性、註冊事件等。

function changtxtcolor()

}2. id:指定標籤的唯一標識

應用場景:

①根據提供的唯一id號,快速獲取標籤物件。如:document.getelementbyid(id)

②用於充當label標籤for屬性的值:示例:使用者名稱:,表示單擊此label標籤時,id為userid的標籤獲得焦點。

3. class:指定標籤的類名

應用場景

①css操作,把一些特定樣式放到一個class類中,需要此樣式的標籤,可以在新增此類。

html css中id和class的區別比較

3樓:八哥說科技

1、語法區別:

id對應css是用樣式選擇符「#」(井號)。

class對應css是用樣式選擇符「.」(英文半形輸入句號)。

2、使用次數區別:

id屬性,只能被一個元素呼叫(以「#」選擇符命名css樣式在一個頁面只能使用呼叫一次)。在同一個頁面,只可以被呼叫一次,在css裡用「#」表示。

class類標記,可以用於被多個元素呼叫(以「.」選擇符命名樣式可以一個頁面使用多次)是類標籤,在同一個頁面可以呼叫無數次(沒限制的),在css裡用「.」表示。

id就像一個人的身份證,用於識別這個div的,class就像人身上穿的衣服,用於定義這個div的樣式。一般一個網頁不設二個或二個以上同id的div,但class可以多個div用同一個class。

3、語義和使用不同:

id作為元素的標籤,用於區分不同結構和內容,而class作為一個樣式,它可以應用到任何結構和內容上。在佈局思路上,一般堅持這樣的原則:id是先確定頁面的結構和內容,然後再為它定義樣式:

而class相反先定義一類樣式,然後再頁面中根據需要把類樣式應用到不同的元素和內容上面。

4樓:葉孤楚潔

class可以被重複呼叫,而id不可以

5樓:育知同創教育

.是類 #是id

id是唯一的,類是可以重用的.

比如你有多個地方樣式要求一樣的話,就用類.這樣就不用些多個#了.

.name

/*就像這樣.你多個地方都想要同一個樣式就這樣寫.

#idname

/*id只有一個.

html,css裡面關於 id,class,name 屬性的區別和用法

6樓:天涯明遠

1、html 中 id與name 區別

一個name可以同時對應多個控制元件,比如checkbox和radio

而id必須是全文件中唯一的

id要符合標識的要求,比如大小寫敏感,最好不要包含下劃線(因為不相容css)。而name基本上沒有什麼要求,甚至可以用數字。table、tr、td、div、p、span、h1、li等元素一般用id。

賦name時,引用元素的方式:  document.formname.inputname 或 document.frames("framename")

賦id時,引用元素的方式:  document.all.inputid 或 document.all.frameid

除去與表單相關的元素,只能賦id不能賦name,這些元素有body、li、a、table、tr、td、th、p、div、span、pre、dl、dt、dd、font、b等等

2、css 中 id、class屬性的區別

1)class是設定標籤的類,用於指定元素屬於何種樣式的類。在css樣式中以小寫的「點」及「.」來命名,在html頁面裡則以 來選擇呼叫,命名好的css又叫css選擇器。

如: .css5 選擇器在html呼叫為「我是class例子

.baobao

使用方法:

2)id是設定標籤的標識。用於定義一個元素的獨特的樣式。在css樣式定義的時候 以「#」來開頭命名id名稱

如一個css規則:

#binbin

使用方法:

id是一個標籤,用於區分不同的結構和內容,就象你的名字,如果一個屋子有2個人同名,就會出現混淆;

3)css裡的id用法與class用法一樣,只是把class換成id。如例子:

在css樣式定義id

#css5

呼叫id :

我是id例子

class是一個樣式,可以套在任何結構和內容上,就像一件衣服。

擴充套件資料

css選擇器

型別選擇器

css中的一種選擇器是元素型別的名稱。使用這種選擇器(稱為型別選擇器),可以向這種元素型別的每個例項上應用宣告。例如,以下簡單規則的選擇器是h1,因此規則作用於文件中所有的h1元素:

h1 簡單屬性選擇器

class屬性

class屬性允許向一組在class屬性上具有相同值的元素應用宣告。body內的所有元素都有class屬性。從本質上講,可以使用class屬性來分類元素,在樣式表中建立規則來引用class屬性的值,然後瀏覽器自動將這些屬性應用到該組元素。

類選擇器以標誌符(句點)開頭,用於指示後面是哪種型別的選擇器。對於類選擇器,之所以選擇句點是因為在很多程式語言中它與術語「類」相關聯。翻譯成英語,標誌符表示「帶有類名的元素」。

id屬性

id屬性的操作類似於class屬性,但有一點重要的不同之處:id屬性的值在整篇文件中必須是唯一的。這使得id屬性可用於設定單個元素的樣式規則。

包含id屬性的選擇器稱為id選擇器。

需要注意的是,id選擇器的標誌符是雜湊符號(#)。標誌符用來提醒瀏覽器接下來出現的是id值。

style屬性

儘管在選擇器中可以使用class和id屬性值,style屬性實際上可以替代整個選擇器機制。不是隻具有一個能夠在選擇器中引用的值(這正是id和class具有的值),style屬性的值實際上是一個或多個css宣告。

通常情況下,使用css,設計者將把所有的樣式規則置於一個樣式表中,該樣式表位於文件頂部的style元素內(或在外部進行連結)。但是,使用style屬效能夠繞過樣式表將宣告直接放置到文件的開始標記中。

組合選擇器型別

可以將型別選擇器、id選擇器和類選擇器組合成不同的選擇器型別來構成更復雜的選擇器。通過組合選擇器,可以更加精確地處理希望賦予某種表示的元素。例如,要組合型別選擇器和類選擇器,一個元素必須滿足兩個要求:

它必須是正確的型別和正確的類以便使樣式規則可以作用於它。

外部資訊:偽類和偽元素

在css1中,樣式通常是基於在html源****現的標記和屬性。對於很多設計情景而言這種做法完全可行,但是它無法實現設計者希望獲得的一些常見的設計效果。

設計偽類和偽元素可以實現其中的一些效果。這兩種機制擴充了css的表現能力。

在css1中,使用偽類可以根據一些情況改變文件中連結的樣式,如根據連結是否被訪問,何時被訪問以及使用者和文件的互動方式來應用改變。藉助於偽元素,可以更改元素的第一個字母和第一行的樣式,或者新增源文件中沒有出現過的元素。

7樓:倉鼠說籃球

1、id: id是設定標籤的標識。用於定義一個元素的獨特的樣式。在css樣式定義的時候 以「#」來開頭命名id名稱。

用法:若一個標籤的,那麼使用它的時候通過」$("#myid")「來獲取當前標籤或使用「#myid{}」來定義css樣式。

2、class:根據使用者定義的標準對一個或多個元素進行標記和定義,一個標籤可以有多個class,例如,當前標籤就有兩個class,分別為myclass1和myclass2。

用法:若一個標籤有一個,那麼獲取這個標籤可以使用$(".myclass"),同時使用」.myclass{}「來定義css樣式。

3、name:從名字可以知道這是用於定義一個標籤的名字的屬性,name可用於資料獲取,常用於表單資料的獲取。

用法:若一個輸入框的name="myname" ,常用request.getparameter("myname")來獲取當前輸入框的值。

我現在在學html css,裡面的單詞我都記不住

我才學了 雖然沒學完整 還在繼續中 英語就是不能丟哈 不一定你要每天去背什麼單詞之類的 但是平常還是多看看這些單詞的意思 多去查查 培養一下語感 還有可以看看外國電影 對你很有幫助的 對的,多到html5col學院去看看,多動手,我是programmer同時也是英語專八,你單詞記不住能理解,多看就記...

關於裡面怎麼畫上劃線,關於word裡面怎麼畫上劃線

卷卷卷兒吖 1.插入公式的方式可以實現 2.可以直接用插入直線的方式 湧俊俠 例如給 上劃線 三個字加上上劃線,先選中 上劃線 三個字,點 插入 域.在 域 對話方塊內,域名 項中滑鼠點選 eq點左下角 域 在右側 高階域屬性 域 框內輸入 eq x to 上劃線 確定。注 域 to後面括弧內的內容...

關於在if()裡面用 和 和 的區別

是什麼程式語言?c還是verilog?我暫且假定是c 這幾個符號的區別在於作用物件。是邏輯量按位取與,也就是兩個邏輯量一位一位地進行 與 運算。兩邊運算元的第一位上都是1時,結果的第一位值為1。否則該位值為0,其他位同理。比如。b00010010 b00100011,按位計算結果為b00000010...