HTML中class.id和name这三者有什么区别？_随笔

HTML 中 id与name 区别

一个name可以同时对应多个控件，比如checkbox和radio

而id必须是全文档中唯一的

CSS 中 id、class属性的区别

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

如： .css5{属性：属性值} 选择器在html调用为“

我是class例子

.baobao{ color: limebackground: #ff80c0 }

使用方法：class="baobao"

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

如一个CSS规则：

#binbin{ font-size: larger }

使用方法：id="binbin"

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

区别：

id 属性规定 HTML 元素的唯一的 id。

id 在 HTML 文档中必须是唯一的。

id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。

class 属性定义了元素的类名。

class 属性通常用于指向样式表的类。但是，它也可以用于 JavaScript 中（通过 HTML DOM）, 来修改 HTML 元素的类名。

一个元素可添加多个class

优先级：

style优先id优先class，与顺序无关。

总结：

由于id一个页面只出现一次，尽量多使用class，可减少代码重复量。id的定义更多的是给js使用

HTML中id的作用是为单元（元素，标签）提供唯一的标识或标记，以便浏览器在分析和处理网页时可以找到id的位置。通常用于：

1、元素的风格(style sheet)选择。

2、脚本语言使用id属性作为标记来查找id所在的单位。

3、用作声明对象的单元的标识。

扩展资料：

id属性的特点如下：

1、用尖括号括起来的关键字，例如<html>。

2、通常成对出现，例如<div>和</ div>。

3、标签对中的第一个标签是开始标签，第二个标签是结束标签。

4、起始标签和结束标签也称为开放标签和封闭标签。

5、也有单独显示的标签，例如：<img src =“ Baidu Encyclopedia.jpg” />等。

6、通常成对出现的标签，其内容在两个标签之间，在标签的属性中为单独显示的标签分配值。

欢迎分享，转载请注明来源：内存溢出

HTML中class.id和name这三者有什么区别？