1、用途不同：name主要用于获取提交表单的某表单域信息， 作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、框架元素(iframe、frame、 window的名字，用于在其他frame或window指定target )和button等。

而id和class主要是通过css控制设置了id和class的元素的样式。

2、用法不同：定义了id的元素在css中用id选择器“#”来选择，例如 

My First Heading

My First Heading

扩展资料：

关于ID和Name的一些注意事项

1、当然HTML元素的Name属性在页面中也可以起那么一点ID的作用，因为在DHTML对象树中，我们可以使用document.getElementsByName来获取一个包含页面中所有指定Name元素的对象数组。

2、如果页面中有n(n>1)个HTML元素的ID都相同了怎么办？在DHTML对象中怎么引用他们呢？如果我们使用ASPX页面，这样的情况是不容易 发生的，因为aspnet进程在处理aspx页面时根本就不允许有ID非唯一，这是页面会被抛出异常而不能被正常的render。

3、要是不是动态页面，我们 硬要让ID重复那IE怎么搞呢？这个时候我们还是可以继续使用document.getElementById获取对象，只不过我们只能获取ID重复的那 些对象中在HTML Render时第一个出现的对象。

而这时重复的ID会在引用时自动变成一个数组，id重复的元素按Render的顺序依次存在于数组中。

HTML 中 id与name 区别
一个name可以同时对应多个控件，比如checkbox和radio
而id必须是全文档中唯一的

CSS 中 id、class属性的区别

1）class是设置标签的类，用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名，在html页面里则以class="css5" 来选择调用，命名好的CSS又叫css选择器。
如： .css5{属性：属性值;} 选择器在html调用为“
我是class例子

.baobao{ color: lime; background: #ff80c0 }
使用方法：class="baobao"

2）id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称
如一个CSS规则：
#binbin{ font-size: larger }
使用方法：id="binbin"
id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆；

HTML 中 id与name 区别
一个name可以同时对应多个控件，比如checkbox和radio
而id必须是全文档中唯一的

CSS 中 id、class属性的区别

1）class是设置标签的类，用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名，在html页面里则以class="css5" 来选择调用，命名好的CSS又叫css选择器。
如： .css5{属性：属性值;} 选择器在html调用为“
我是class例子

.baobao{ color: lime; background: #ff80c0 }
使用方法：class="baobao"

2）id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称
如一个CSS规则：
#binbin{ font-size: larger }
使用方法：id="binbin"
id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆；

当然了，这个也不是一两句能说明白的，只要用的多了，就能慢慢理解了。
详情百度以下内容：
HTML中id、name、class 区别[xyytIT]

id 是这个标签在页面上唯一的一个标识
name同样也是标识，但可以有多个对象都为name，比如单选按钮（一般表单提交后，要通过name的值来获取对应的值）
class是表示当前标签应用的样式名字

id是唯一的，name区别不同标签用的名字，class与id不同id是一个标签一个id名class相同标签多个class