区别：1、id属性的值是区分大小写的，每个id值都应该是唯一的；而name属性不具有是唯一性，它的值可以重复使用。2、用途不一样，id属性可以用作锚引用，也可用作id选择器；而name属性在表单中使用，用来提交信息。
本教程操作环境：windows7系统、html5版、dell g3电脑。
在html中，id属性和name属性都是提供标识符，表示html元素标签的。那么它们之间有什么区别？本篇文章就给大家简单比较一下id属性和name属性，介绍id属性和name属性之间的区别是什么，希望对大家有所帮助。
html中的id属性我们使用id属性可以标识唯一的html元素，可以在在url中用作锚引用（带#符号的url），或者在css中用作id选择器来设置该元素的样式。也可以在javascript中，使用getelementbyid()，通过id属性值来查找元素，在对元素进行操作。例：
<p id="p1">测试文本！测试文本！</p><p id="p2">测试文本！测试文本！</p>
<script>document.getelementbyid("p2").style.color="red";</script>
id属性是普遍兼容的，对任何元素都有效。且id属性的值是区分大小写的，每个id值都应该是唯一的。例：
<div id="demo"> <div id="a">div标签，id值为a</div> <p id="a">p标签，id值为a</p></div>
#a{ color: red;}#a{ color: pink;}
效果图：
html中的name属性name属性同样是用来标识html元素的，但它不具有是唯一行，它的值可以重复使用，例：单选按钮
<form action="" method="get"> 最喜欢水果？<br /><br /> <label><input name="fruit" type="radio" value="" />苹果 </label> <br /> <label><input name="fruit" type="radio" value="" />桃子 </label> <br /> <label><input name="fruit" type="radio" value="" />香蕉 </label> <br /> <label><input name="fruit" type="radio" value="" />梨 </label> <br /> <label><input name="fruit" type="radio" value="" />其它 </label> <br /> </form>
效果图：
正如上例所示，name属性经常在表单中使用，用来提交信息；它仅对a, form, iframe, img, map, input, select, textarea等标签元素有效。
name属性可以在在javascript中，使用getelementsbyname()来查找元素；但无法在css或url中被引用。例：
<script type="text/javascript">function getelements() { var x=document.getelementsbyname("myinput"); alert(x.length); }</script> <input name="myinput" type="text" size="20" /><br /><input name="myinput" type="text" size="20" /><br /><input name="myinput" type="text" size="20" /><br /><br /><input type="button" onclick="getelements()" value="名为 'myinput' 的元素有多少个？" />
效果图：
说明：
可以这样说，id是一个人的身份证号码，而name是这个人的名字。两者可以同时存在，共享相同的命名空间（两者的值可以相同）。
推荐教程：《html视频教程》
以上就是html中id与name的区别是什么的详细内容。