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頁面裡則以class="css5" 來選擇呼叫,命名好的css又叫css選擇器。

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

.baobao

使用方法:class="baobao"

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

如一個css規則:

#binbin

使用方法:id="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名稱。

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

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

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

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

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

關於用友裡面的“客戶往來兩清”,關於用友裡面的“客戶往來兩清” 15

當業務比較少的時候沒有進行兩清感覺不出有什麼來,但當往來業務較多,為了及時瞭解應收款的結算情況和未達賬情況就需要進行兩清,這倒不是為了體現出用友的什麼操作,而是為了應收賬和未達賬的管理而設定的。所謂的自動兩清不好無非就是怕兩清條件沒有設定好從而將不應兩清的業務進行了兩清,從而導致企業丟失相關資料造成...

關於職校裡面都有什麼專業

匠子教育 文科包括的學科門類有 哲學類 經濟學類 法學門類 教育學 文學 歷史學 管理學門類 藝術學門類等。 職校專業有語 數 英 物理 化學,專業課有計算機 機電 工民建 法律 財會 醫士 種植 養殖 旅遊 國貿 應用外語 西餐 廚師等等。職業高中對學生的要求是 具有能直接從事某一職業 工種 的技...

關於python裡面的set,set之後的集合元素是如何讓排列的

python裡面set是定義集合的 集合是非重複的,所以set cheeseshop 的輸出時 cehops 集合是無序的,所以 set 01234 的輸出時10324 隨機 改用list列表 或則tuple元組型別就可以了。 du瓶邪 set沒有排序,但是list有啊 可以利用list的排序來對s...