細說Html中,ID、Name、class三者的區別


  博主進入前端課程的學習也就1個禮拜時間,包括自己在內,身邊許多同學都對ID、name、classs這三個標簽里的屬性不甚清楚,因此查閱相關資料后,做出了自己知識范圍內的如下總結:

 

 

 

  

 

 

  如上圖,ID好比身份證的身份號碼,每個人的身份證號碼是不一樣的,也是唯一的;name就好比身份證上的姓名,它只是一個代號,名字不會是唯一的;身份證上的性別、漢族和class這個屬性很是相似,是一個類別的統稱。


  簡單一張身份證的圖片應該就可以准確的區別出這三者的差異,下面我們來看看各自的用途:

  一、ID

  首先我們知道ID在一個網頁里是唯一的,它在與后台聯系時應用的比較多。以博主現階段所學來說,ID還未進入我所學習掌握的領域。

  二、name

  相對於ID來說,name屬性在已經學過的標簽元素里出現的比較多,最為常出現在<input>和錨點里。

  1.<input>里的應用

<input type="radio" name="sex"/><input type="radio" name="sex"/>

  對於上面的代碼,在選擇性別時,我們需要出現的是單選,因而對兩個input標簽來說,需要命名成同一個名字才行。

  2.錨點 

<h3><a name="maodian"></a>標題</h3>
<a href="#maodian">跳轉至標題</a>

  三、class

  與ID、name相比,class屬於設置標簽的種類,主要是用來設置CSS樣式。就好比我們需要在一個上千萬人口的城市中提取漢族人口,此時你的name將不會對此有所影響。


  以上是博主對ID、name、class這三者區別的一個小結,因為才接觸IT的緣故,還不可能做到深入的分析比較,當然也希望這篇博文能給初學者一個幫助,也歡迎大家相互討論,共同進步!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM