HTML中屬性name、id、class三者之間的區(qū)別

HTML中屬性name、id、class三者之間的區(qū)別



name:主要是用于獲取提交表單的某表單域信息,?作為可與服務(wù)器交互數(shù)據(jù)的HTML元素的服務(wù)器端的標(biāo)示,比如input、select、textarea、框架元素(iframe、frame、?window的名字,用于在其他frame或window指定target?)和button等,這些元素都與表單(框架元素作用于form的target)提交有關(guān),瀏覽器會根據(jù)name來設(shè)定發(fā)送到服務(wù)器的request,?在表單的接收頁面只接收有name的元素,? 所以賦ID的元素通過表單是接收不到值的。?我們可以在服務(wù)器端根據(jù)其Name通過Request.Params取得元素提交的值。在form里面,如果不指定name,就不會發(fā)送到服務(wù)器端。

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

CSS 中 id、class屬性的區(qū)別? ?

1)class是設(shè)置標(biāo)簽的類,用于指定元素屬于何種樣式的類。在CSS樣式中以小寫的“點(diǎn)”及“.”來命名,在html頁面里則以class="css5" 來選擇調(diào)用,命名好的CSS又叫css選擇器。

如: .css5{屬性:屬性值;} 選擇器在html調(diào)用為“<div class="css5">我是class例子</div>

  .baobao{ color: lime; background: #ff80c0 }

使用方法:class="

baobao"?

2)id是設(shè)置標(biāo)簽的標(biāo)識。用于定義一個元素的獨(dú)特的樣式。在CSS樣式定義的時候 以“#”來開頭命名id名稱

如一個CSS規(guī)則:

#binbin{ font-size: larger }

使用方法:id="

binbin"

id是一個標(biāo)簽,用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容,就象你的名字,如果一個屋子有2個人同名,就會出現(xiàn)混淆;

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

在CSS樣式定義ID

?#css5?{height:25px; width: 200px;}

???? 調(diào)用ID :

??????????? <div id="css5">我是ID例子</div>

class是一個樣式,可以套在任何結(jié)構(gòu)和內(nèi)容上,就象一件衣服。

class可以反復(fù)使用而id在一個頁面中僅能被使用一次

id具有唯一性,而class是一個類,適用于可多次重復(fù)使用的容器

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,981評論 0 0
  • HTML 中 id與name 區(qū)別 一個name可以同時對應(yīng)多個控件,比如checkbox和radio。而id必須...
    Yinag閱讀 755評論 0 1
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,878評論 1 45
  • 第一章 jQuery簡介 1-1 jQuery簡介 1.簡介 2.優(yōu)勢 3.特性與工具方法 1-2 環(huán)境搭建 進(jìn)入...
    mo默22閱讀 1,780評論 0 11
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化,入門級到專家級,廣度和深度都會有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,694評論 0 7

友情鏈接更多精彩內(nèi)容