HTML中class和id标签的区别
来源:互联网 发布:吕丽萍反对同性恋知乎 编辑:程序博客网 时间:2024/06/05 16:38
先举个例子来区分它们两个:
例如,在一个屋里,有很多人,那么ID就是人的名字,而Class是衣服。
如果两个人名字相同就会出现混淆,而如果两个人穿同样的衣服就不会出现类似状况。所以明白这个比喻之后,他们俩的关系你就明白了一半!
下面来说说它们两个的区别
从定义上来说:
id是元素的名称,可以供js或其它脚本程序来访问该元素对象
class是该元素的css类名。
从W3C原则规定方面
ID具有唯一性,即ID在一个页面里唯一性。
Class具有普遍性
ID与CLASS的使用技巧
1. 子级名字中包含父命名中的部分为开头。这样方便在编写CSS时明确层次关系。
2. CLASS中的子级最好不用ID。
3. CLASS的命名最好命名用大小写合用。
例 .newMovie这样的写法与第一条结合起来使用明确关系最合适。要需要注意的是IE以外的浏览器对于大小写是很敏感的。还有就是一定要以字母开头
ID与class的优先级不同
优先级来看: Style > ID > Class > 缺省的Html元素
通过实践总结
1、ID具有唯一性,并且尽量在外围使用。而CLASS具有可重复性,并且尽量在结构内部使用 。
2、这样有利于后期维护与修改,让所有的CLASS都成为ID的子级或是孙级.
3、出现重复定义时,从优先级来看是: Style > ID > Class > 缺省的Html元素
- HTML中class和id标签的区别
- HTML中class和id标签的区别
- html中class和id的区别
- HTML中Class和ID的区别
- html css中id和class的区别
- html标签中id和name的区别
- html标签input中id和name属性的区别
- html标签中id和name的区别
- HTML中id,name,class的区别
- HTML中name、id、class 的区别
- HTML中id选择器和class选择器的区别(为什么id选择器不能重复)
- html中类标签和ID标签区别?
- CSS中.和#的区别 html id和class的区别
- CSS中 ID和CLASS的区别
- css中id和class的区别
- CSS中class和id的区别
- DIV中class和id的区别
- css 中 id 和 class 的区别
- 电子方向开发工程师的职场人生路(转)
- 零碎python学习笔记(四) - 20121211 - 函数修饰符@
- 内排序算法小结
- tomcat java环境配置
- Win7安装oracle 10 g
- HTML中class和id标签的区别
- Visual Studio快捷键参考
- UVA 10167
- java各种数据转换成json
- 递归bom主料件的元件信息
- java编程思想_006短路现象
- 页面传值 各种方式比较
- DrawString C#
- 深入浅出之正则表达式(一)