HTML中属性name、id、class三者之间的区别

HTML中属性name、id、class三者之间的区别

name：主要是用于获取提交表单的某表单域信息， 作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、框架元素(iframe、frame、 window的名字，用于在其他frame或window指定target )和button等，这些元素都与表单(框架元素作用于form的target)提交有关，浏览器会根据name来设定发送到服务器的request， 在表单的接收页面只接收有name的元素,  所以赋ID的元素通过表单是接收不到值的。 我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。在form里面，如果不指定name，就不会发送到服务器端。

除去与表单相关的元素，只能赋id不能赋name。这些元素有body、li、a、table、tr、td、th、p、div、span、pre、dl、dt、dd、font、b等等

CSS 中 id、class属性的区别   

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

如： .css5{属性：属性值;} 选择器在html调用为“<div class="css5">我是class例子</div>

　　.baobao{ color: lime; background: #ff80c0 }

使用方法：class="

baobao" 

2）id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称

如一个CSS规则：

#binbin{ font-size: larger }

使用方法：id="

binbin"

id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆；

3）css里的id用法与class用法一样，只是把class换成id。如例子：

在CSS样式定义ID

 #css5 {height:25px; width: 200px;}

     调用ID ：

            <div id="css5">我是ID例子</div>

class是一个样式，可以套在任何结构和内容上，就象一件衣服。

class可以反复使用而id在一个页面中仅能被使用一次

id具有唯一性，而class是一个类，适用于可多次重复使用的容器