初学的时候,这三者始终弄不清楚关系。前期总结了一些,学习到现在有了更深刻的认识。
打比方的解释:身份证,家族,穿衣风格
id----身份证。独一无二。一个标签只能拥有一个id,且其他标签不能定义相同id。
<div id="id1"></div> <div id="id2></div>
name----家族。一个家族下可以有很多人或者一个人。多个标签可以定义同一个name。
<input name="sex" id="man" type = "radio" value = "male"/>
<input name="sex" id="woman" type = "radio" value = "female"/>
class----穿衣风格。不同家族的人,可能有相似的穿衣风格。写在style,css中,改变标签样式。
<style>
.zhongguofeng{width:50px;height:50px;background:red;}
.oumeifeng{width:50px;height:50px;background:blue;}
</style>
<div name="zhang" id="zhang3" class="zhongguofeng"></div>
<div name="zhang" id="zhang4" class="oumeifeng"></div>
<div name="wang" id="wang2" class="zhongguofeng"></div>
ps:1、也可以用id改变标签样式。但以改样式为职业的是class。id权重比class高,可以局部改变某个标签样式。
2、后期js中,可以依据name,id,class获取定义这些的标签。去操作标签的动作。