为什么网页中ID属性用得越来越少

来源:设计经验分享网
添加时间:2024年02月
对于CSS来说,关于id和class属于选择器的问题。

二者主要的区别在哪里呢?
id具有唯一性,class具有普遍性。
id是唯一的,所以尽量在结构外围使用,通常用于页面布局。
class是可重复的,所以尽量在结构内部使用,通常用于样式定义。
id的样式优先级高于class。
id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

为什么id应用少,class应用多?
单一使用的样式用id,需要程序、js动态控制的样式用id,id在页面只能使用一次!尽量少用id,因为id可能和页面嵌的程序冲突。class作为一个独立的属性,一个元素可以有多个class样式,一个class也可以用于多个元素,这样可以重分将样式分解化。同时在jquery和js可以class属性。

什么时候使用ID,什么时候使用class?
一般情况下,css只用class来写并有专门的class通用和私有模块命名,id具有唯一性且优先级太高只作为js操作dom的挂钩全部不添加样式,如果使用jq或zepto的话,操作的class类名一般也不加样式,这部分的class命名和id一样由js来制定。这样做比较适合大型,多人维护并且需要长期迭代的项目,css的class类名和js操作的id、class类完全分离,这样产品的ui或者产品交互逻辑变动二者互不影响,易维护。
 

平面设计相关资讯推荐阅读:


深圳网页建设中网页设计视觉审美需要网页建设时实用重要还是美观重要在网页建设中如何权衡SEO优化和用户体验设计看似简单的网页设计你了解吗怎么样为公司进行网页维护深圳网页推广技巧Python编程入门:创建一个博客做网页现状分析企业网页建设策划需要注意哪些事情怎么样建设门户网页行业门户网页建设与运营的步骤如何把控网页设计的流行趋势至少做好三点定义span的最小高度没有效果的2种解决方法域名的重要性!网页导航栏设计需要注意哪几个方面如何判断网页是否需要改版升级网页制作的步骤和要求是什么企业品牌型官方网网页基本建设必须在哪些地区做好模板网页建设和定制化网页建设的区别是什么医院网页优化应当留意哪一方面外包公司软件定制该何去何从移动网页制作需要大概多少钱什么是定制软件开发为什么做软件定制项目很难赚钱小企业网页建设不可忽视的三个方面!企业网页优化改进建议四类网页的建站特点您懂得多少建站难点,怎么才能掌握并开展网页的制做网页开发如何让企业得到盈利营销型建站,深圳网络公司家好网址长尾关键词优化的六大宝物作为一个网页建设公司应该考虑到的因素有哪些网页建设哪家公司好网页建设刚刚上线的常见问题应用电商网页模板怎样才可以吸引客户深圳企业建站这两大元素较易忽略手机网页界面设计的技巧网页制作设计过程中需要注意的建议建网页多少钱都包含什么方面的费用搜索引擎如何判断网页文章是不是原创深圳网页建设后期优化过度对网页的影响尽可能使用异步通信如何在不懂的情况下建立自己的网页不得不服!主流的网页设计趋势有效的offpage搜索引擎优化方法为您推荐8个较佳Web开发资源网页建设公司易捷网络新人对销售的感悟怎么挑选全包服务的网页建设公司定制网页该怎么对网页排版布局呢网页建设精髓是什么网页设计中应该避免的几种糟糕用户体验草根是怎么理解和认识数据营销的网页的建设和运营究竟怎么做影响网页*页关键词布局八大要素 网页设计公司哪家合适 网页建设如何提高用户体验度 什么构成了一个网页设计要素旅游网页设计分析!教你10个小技巧建网页价格,经验之谈 设计师要怎么找灵感给企业做网页设计企业网页建设中建立词库的意义是什么 网页设计需要搞清楚以下几个问题
网站备案号:豫ICP备2024041165号