我是否应该使用一个类甚至单个html元素？

Question

我正在进行网站设计，我的老板告诉我，通常不会使用ID并且课程是首选，但他不记得原因。所以我做了一些研究，我找到了这个this，但第一个答案并不能很好地解释为什么不应该使用id。我认为对于仅使用一次ID的元素。如果我不多次使用一个元素，我为什么要使用一个类？

Answer 1

这与性能问题有关。即使您一次使用此元素，我仍然建议使用class而不是id。

为什么呢？因为您将来可能会为此元素添加更多类。但为什么这很重要且与性能有关？看看这个：

  

人们普遍认为ID选择器是最快的，但这就是它   有一个很大的警告：ID是最快的CSS选择器，只有它们是   键选择器。那是什么？好吧，虽然你可能读过选择器   从左到右，浏览器从右到左阅读它们。

有关详细信息，请查看此site。

Answer 2

我更喜欢使用课程。即使它是单个元素。考虑一下如果你想在将来为那个单独的元素重用CSS会发生什么 - 它将不再是一个单独的元素，你将不得不将它改为一个类。

与类相比，ID还具有其他功能：您可以将#yourId添加到URL，并在打开URL时使浏览器自动滚动到该元素。

Answer 3

如果你想使用id或类完全取决于你的需要。不好说我们不应该使用ID。以下是一些要点。

• IDS和类充当钩子，他们需要选择一个元素。
• 每个元素只能有1个id，每个页面只能有一次id。
• 您可以在多个元素上使用相同的类。
• 您可以在同一元素上使用多个类。添加班级名称 或默认情况下，元素的ID对该元素不执行任何操作。
• ID具有特殊的浏览器功能。这是“哈希值” URL。如果你有一个像http://yourdomain.com#comments这样的网址，那就是 浏览器将尝试找到ID为“comments”的元素 并将自动滚动页面以显示该元素。
• Javascript love id 这就是为什么我们有 document.getElementById（）;
• Jquery喜欢类，并且很容易在元素上添加类。

阅读https://css-tricks.com/the-difference-between-id-and-class/了解更多

Answer 4

class用于对可以一起设置样式的一组元素进行分类。 因此，如果您根据表示逻辑根据任何条件进行分类，请使用类。

id用于使用唯一标识符标识单个元素。因此，如果您唯一标识页面中的元素，请使用ID。验证确保其遵循此概念并以其他方式抛出错误。因此，根据规范和实现，没有可靠方式我们可以使用class来唯一标识元素。这就解释了为什么我们有Id。

事实上，如果您不需要在演示文稿中唯一标识元素，则可能根本不需要此功能。

关于绩效，只考虑绩效至关重要。除非性能已经影响了您的页面呈现，否则不要优化并失去可读性和语义。