【碎知识】id符号、id与name的区别

为什么id要加“#”

<!--a中的href也是加了#-->
<a href="#id1">跳到id1</a>
<div id="id1">内容</div>

/*设置id1的样式*/
#id1{
}
/*css中设置id的样式是加#号*/

id与name区别

定义及相似点：
- id：标签的“唯一”标识。
- name：标签的名称，可多次使用。
- **相同：**id、name都可用于页内连接，比如跳转到顶部的锚链接：

<div name="header">顶部</div>
<a href="#header">回到顶部</a>

区别：
- name：与表单连用，如：

<!--定义了一个变量名username，然后获取到input的text输入值-->
<input name="username" type="text" />
<!--form表单之所以会使用到name而不是用id，在于它们的定义，name不是唯一的，而表单中一个name有如checkbox、radio等多个控件使用-->
<form name="data1"></form>

• label的for属性

<!--以下是经典的label与form控件的关联示例，此情况只能用id（使用到唯一性）-->
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>

• class不易混淆，这里不作介绍
  资料引用：
  w3cschool 、 csdn 、 cnblog.