html中,id,name,class之间的有啥区别?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html中,id,name,class之间的有啥区别?相关的知识,希望对你有一定的参考价值。

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]
参考技术A 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个人同名,就会出现混淆;
参考技术B id
是这个标签在页面上唯一的一个标识
name同样也是标识,但可以有多个对象都为name,比如单选按钮(一般表单提交后,要通过name的值来获取对应的值)
class是表示当前标签应用的样式名字

关于Name ID class属性的区别

1、name:是表单标签(input)专有的属性,其他Html标签没有。

            是要提交给后台的,name是否能重复,要根据<input>的type来决定。

2、ID是所有html标签都能有,但是是唯一的用法

<head>

  <style>

    #ID{ 属性:值 }

  </style>

</head>

作用:实现了一个核心思想:标签的层次逻辑结构与标签的外貌设置分离。

ID是用来设置标签的外貌,是用来设置指定的一个。

3、class(类)是所有html标签都能有的,这一点和ID一样,但是是可以有多个html标签使用同一个class,这是跟ID不一样的地方。

<head>

  <style.....>

    #ID class {属性:值}

  </style>

</head>

某个html标签和某一类html标签都有了这个样式。

以上是关于html中,id,name,class之间的有啥区别?的主要内容,如果未能解决你的问题,请参考以下文章

Java 中 给一个object 赋值属性, 既可以用构造函数的方式,也可以用setXXXX()的方式,而它们之间有啥区

HTML 中的name属性和id属性有啥区别?

html 中 <a>标签里面的id 和 name 有啥区别

selenium定位方法

CSS class 和id有啥区别?

HTML标签中name,id和value各有啥作用,啥时候用?