HTML中class.id和name这三者有什么不同?

已举报 回答 关注
HTML中class.id和name这三者有什么不同?
问在线客服
扫码问在线客服
  • 回答数

    9

  • 浏览数

    137

9个回答 默认排序
  • 默认排序
  • 按时间排序

已采纳
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个人同名,就会出现混淆;
取消 评论
值的默认值是标签文本标签属性类型的类CSS类选择器,ID的CSS选择器,如果一个div里面的唯一引用的CSS class和id的差异不显着,但如果有必要的话使用了两种需要在相同的时间花费在以引用两个css样式的名称标签标识,所以使用它的名义下,外界的class和id。
取消 评论
id一般是用来在JS中获取某一个标签
document.getElementById(id)
name是获取一个标签集也就是一堆相同name的标签。
document.getElementByName(name)
class一般是用来指向CSS里面的类选择器的
取消 评论
ID选择器只是一个标签
class选择器,可以定义N个同样的标签
看图

取消 评论
在同一页面内,相同id对象只能出现一次,而相同的class对象却能出现多次,在引用css式样时,id用“#”标记,而class是用“.”标记的。
在script中,只能取得id元素,却不能取得class元素。就这样而已。如下:
在css中:#id{padding:1px;}//为id所引用
.class{margin:15px solid #3d3f3e}//为class所引用
而在script中:只有getElementbyId("name")//假设页面中是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: lime; background: #ff80c0 }
使用方法:class="baobao"

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

当然了,这个也不是一两句能说明白的,只要用的多了,就能慢慢理解了。
详情百度以下内容:
HTML中id、name、class 区别[xyytIT]
取消 评论
优先级别不同id和class,name并不是很常用。
取消 评论
1、相同的class属性值,可以在html中出现多次。id属性值在页面中只能出现一次。
2、一个class的属性可以有多个值,也就是说一个标签可以有多个类。
建议尽量使用类选择器。
什么时候使用id选择器:
当能确定当前页面中标签只会出现一次,这时候可以使用id选择器。
如果不能保证相同的作用的标签在页面中只出现一次,那么这时候就选择使用类选择器。
取消 评论
加载全部9个答案 加载中...
ZOL问答 > 相机 > 其他分类 > HTML中class.id和name这三者有什么不同?

举报

感谢您为社区的和谐贡献力量请选择举报类型

举报成功

经过核实后将会做出处理
感谢您为社区和谐做出贡献

扫码参与新品0元试用
晒单、顶楼豪礼等你拿

扫一扫,关注我们
提示

确定要取消此次报名,退出该活动?