博主進入前端課程的學習也就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的緣故,還不可能做到深入的分析比較,當然也希望這篇博文能給初學者一個幫助,也歡迎大家相互討論,共同進步!