细说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的缘故,还不可能做到深入的分析比较,当然也希望这篇博文能给初学者一个帮助,也欢迎大家相互讨论,共同进步!

 

转载于:https://www.cnblogs.com/zmrAres/p/5005029.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值