HTML中的id,name和class

name

指定标签的名称。

  • 格式

  • 特征
    name属性的值在当前页面下没有唯一性,可以多个一样
  • 用途
    1)主要是用于获取提交表单的某表单域信息, 作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、框架元素(iframe、frame、 window的名字,用于在其他frame或window指定target )和button等,这些元素都与表单(框架元素作用于form的target)提交有关,浏览器会根据name来设定发送到服务器的request, 在表单的接收页面只接收有name的元素, 所以赋ID的元素通过表单是接收不到值的。 我们可以在服务器端根据其name通过Request.Params取得元素提交的值。在form里面,如果不指定name,就不会发送到服务器端。
    2)HTML元素Input type='radio'分组,我们知道radio button控件在同一个分组类,check操作是mutex的,同一时间只能选中一个radio,这个分组就是根据相同的name属性来实现的。
    3 ) 快速获取一组name相同的标签:获取拥有相同name的标签,一起进行操作,如:更改属性、注册事件等。

id

指定标签的唯一标识。

  • 格式

  • 特征
    id属性的值在当前的页面是唯一的
  • 用途
    1 ) 根据提供的唯一id号,快速获取标签对象。如:document.getElementById(id)
    2 ) 用于充当label标签for属性的值:示例:,表示单击此label标签时,id为userid的标签获得焦点。

class

指定标签的类名。

  • 格式

  • 特征
    可以把多个类放在一个class属性里,但必须用空格隔开;如:class='submit open'
  • 用途
    CSS操作,把一些特定样式放到一个class类中,需要此样式的标签,可以在添加此类。

name与id的其他区别 :

1 ) id要符合标识的要求,比如大小写敏感,最好不要包含下划线(因为不兼容CSS)。而name基本上没有什么要求,甚至可以 用数字。
2 ) table、tr、td、div、p、span、h1、li等元素一般用id。
3 ) 与表单相关的元素也可以赋ID值, 但为这些元素赋ID值的时候引用这些元素的方法就要变一下了,具体的如下:
赋name时引用元素的方式: document.formName.inputName或document.frames("frameName")
4 ) 赋id时引用元素的方式: document.all.inputID或document.all.frameID
5 ) 除去与表单相关的元素,只能赋id不能赋name,这些元素有body、li、a、table、tr、td、th、p、div、span、pre、dl、dt、dd、font、b等等

id和class的区别

1)class是设置标签的类,用于指定元素属于何种样式的类。在CSS样式中以小写的“”及“.”来命名。
2)id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名。
3 ) id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

欢迎提出宝贵的意见及建议或者补充哦

你可能感兴趣的:(HTML中的id,name和class)