注释HTML元素时类比id的优势分析
网页中有非常复杂的HTML结构。如果我们使用CSS来定义相关的样式,我们需要为这些结构指定相应的符号,然后编写相应的CSS选择器来获得它们所提供的样式:xml代码将内容复制到剪贴板。
有更多的选项,如属性选择器等,但不推荐使用。使用属性选择器可以省略ID和类,但存在维护不便、浏览器兼容性和浏览器渲染效率等问题,因此,虽然有更多的选项,但我建议使用ID、类和元素名称来构造CSS选择器。
由于id和类都可以注释HTML结构,我应该首先选择什么呢这就是本文要讨论的内容。
id和类之间的区别
有经验的朋友可以跳过这部分。
1。唯一性和可重复性
id只能在Web结构中是唯一的。如果指定一个元素的ID是aa,那么一个带有ID AA的HTML元素将不会再次出现。
它可以在Web结构中反复使用,而不是类。您指定一个元素的类是BB,并且您可以指定下一个元素的类是BB。这两个元素可以同时应用。此外,还可以为一个元素生成多个类属性值,以便同时获得多个属性。
优先权是不同的2.css
在CSS选择器中,ID和类的应用程序优先级不同。如果我为一个具有AA和BB的div指定以下样式,id的样式优先级要高于类的样式优先级:
CSS代码将内容复制到剪贴板。
# aa {背景:红色;}
BB背景:蓝色;}
然后浏览器将显示一个红色的背景。
三.跳跃函数
使用id属性可以增加锚点跳转功能。如果我们指定页面中的AA一个ID,然后加# AA到当前的URL,然后页面会跳转到位置的div是AA在部门例如:百度百科的章跳,类不具有这个功能。
为什么使用类而不是id
使用类的好处是什么
1。减少命名
命名复杂的结构是件麻烦的事情,如果我用ID来标记它,我必须给每个结构命名。然后我们只编写一个泛型类样式,并将类分配给所有相同的样式结构。
2。高重用
类可以反复应用到其他结构中,并且可以将多个类应用到元素中,这样类样式就可以被高度重用:
CSS代码将内容复制到剪贴板。
浮点:左;显示:内联;}
。FR {浮动:错误;显示:内联;}
写一些类尽可能短,再写类(例如:类= fl)为一个元素需要的样式(例如:浮在上面)。
对于一般的应用程序,对于某些需要相同样式的结构,只编写一种样式,然后将这些类分配给这些结构,从而实现了高样式代码重用,并且更易于修改。
低3。优先
类的优先级高于元素名,低于id,并且具有低优先级的特性可以很容易地调试和样式覆盖。
如果我们以前使用id来标记一个元素,我们希望修改这个元素的样式,只修改相应的CSS样式代码,或者使用样式。强调语法覆盖原文风格。
如果元素是由类标记的,我们直接向元素添加一个ID,然后构建元素ID的CSS选择器来修改覆盖率。
正是因为这些特性,所以我们应该尝试使用类来标记元素以便以后维护。
4.id也是必要的
课堂不是一切。有许多地方我们必须使用ID来标记它在同一时间。
5。锚标记跳
如果您想使用锚点标记跳转到页面中,则只能指定跳转目标的ID,因为类可以重复多次,因此它不具有跳转功能。
6。在输入
在使用输入时,通常使用标签标签来描述输入的功能。一种是使用标签的for属性,属性值是输入的id值,另一种是包装标签输入。很明显,第一种类型更灵活,但是您必须为相应的输入指定id属性。
此外,还有一些特殊的要求,也必须使用ID,这不再是总结。
最佳组合使用
以前有很多关于类的批评,甚至有一些关于W3C应该取消类标记的评论。偷渡者M曾经是身份属性的狂热使用者,但在实践中,阶级的优势和阶级日益被发现。
一个很好的组合是使用类来指定大多数元素和结构,并为需要特定函数的极少数元素使用id注释。