Html ID name 区别详解

ID显然是唯一的，而Name是可以重复的。ID就是Client端HTML元素的Identity。

而Name其实要复杂的多，因为Name有很多种的用途，所以它并不能完全由ID来代替，从而将其取消掉。具体用途有：

1、作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。

<input   name= "xx ">     会提交数据
<input   id= "xx ">     不会提交数据

2、HTML元素Input type='radio'分组，我们知道radio button控件在同一个分组类，check操作是mutex的，同一时间只能选中一个radio，这个分组就是根据相同的Name属性来实现的。

<input   name= "xx "   type= "radio "   value= "1 ">
<input   name= "xx "   type= "radio "   value= "2 ">
<input   name= "xx "   type= "radio "   value= "3 ">
这里必须name相同才能成为一组单选按钮，而id则没有这个功能。

3、建立页面中的锚点，我们知道<a href="URL">link</a>是获得一个页面超级链接，如果不用href属性，而改用Name，如：<a name="PageBottom"></a>，我们就获得了一个页面锚点。

1. 在同一页面中

[html]  view plain copy

1. <a name="add"></a><!-- 定义锚点 -->  
2. <a href="#add">跳转到add</a>  

        2. 在不同页面中，锚点定位在a.html中，从另外一个页面的链接跳转到这个锚点

[html]  view plain copy

1. <a href="a.html#add">跳转到a.add</a>  

        3. 点击链接触发js事件，同时跳转到锚点，有两种处理方式：

        第一种：

[html]  view plain copy

1. <a href="#add" onclick="add()">触发add函数并跳转到add锚点</a>  

        第二种：

[html]  view plain copy

1. <div id="divNode"><!-- contents --></div><!-- 假设一个需要跳转到的节点 -->  
2. <a href="#" onclick="document.getElemetnById('divNode').scrollIntoView(true);return false;">通过scrollIntoView实现锚点效果</a>  

4、作为对象的Identity，如Applet、Object、Embed等元素。比如在Applet对象实例中，我们将使用其Name来引用该对象。

5、在IMG元素和MAP元素之间关联的时候，如果要定义IMG的热点区域，需要使用其属性usemap，使usemap="#name"(被关联的MAP元素的Name)。
6、某些特定元素的属性，如attribute，meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。