Css 命名元素-最佳实践

当涉及到命名元素时，我应该为CSS使用“类”名称，为JS使用“id”名称吗？ 有不同的经验法则吗？我应该只用一个名字吗？

---

欢迎提供任何见解/建议。

这比简单地使用类和/或id来命名约定要复杂一些。 事实上，JavaScript和CSS在命名和标识元素方面应该以非常不同的方式处理。我建议你去看看，或者如果你想挑战自己，打造出真正多才多艺且可重复使用的风格，去看看，或者找一个制作lib的@fat

请注意，这些都是观点，你可以自由使用CSS，这是关于创造性的，但是如果你死了，其他人也可以理解和利用你的代码

如果你不遵循一些好的实践，JavaScript很容易变得一团糟，我会查看这篇文章底部的一些链接，但重要的是你是一致的，冗长的，并且使用注释和测试。关于命名HTML元素以进行操作，如果您确定每页只有一个元素要执行某些操作，例如登录表单上的用户名字段，那么Id是可以接受的，并且是有意义的，只要命名是一致的，例如：不要在登录表单id=name上调用您的用户名字段，因为这可能会被误解，取而代之的是，将其命名为id=username或id=login username。明确名称不会浪费大量内存和网络带宽，以取代未来的开发人员在试图弄清楚id和类的情况时可能遇到的所有难题

当使用一个类通过javascript识别页面中的元素集合是有意义的时候——注意为javascript专门使用一个类名——可能在它前面加上js——或者使它成为一个有状态的名称，比如被选中的名称，这样当你看到它时，你就会知道它可能是一个有用的操作在javascript代码中，和2，这样它就不会与CSS中的样式混淆或纠结

简言之，你的目标应该是在命名上保持一致性和清晰性——有时它可能意味着一个ID，当你只希望某个页面上有某个内容时，另一些时候它可能是一个类，当某个页面上可能有很多或可能没有很多内容时——只是要考虑一下它是否对第一次查看它的人有意义时间

链接转储：

---

请注意，这里有很多观点——同样，保持一致性比人们说的是今年的最佳实践更重要，但你会发现人们倾向于遵循一些命名基础，如常量的所有大写字母和javascript变量的camelCase等等——请阅读，选择您喜欢的，然后使用它。

对于命名约定，这比简单地使用类和/或id要复杂一些。 事实上，JavaScript和CSS在命名和标识元素方面应该以非常不同的方式处理。我建议你去看看，或者如果你想挑战自己，打造出真正多才多艺且可重复使用的风格，去看看，或者找一个制作lib的@fat

请注意，这些都是观点，你可以自由使用CSS，这是关于创造性的，但是如果你死了，其他人也可以理解和利用你的代码

如果你不遵循一些好的实践，JavaScript很容易变得一团糟，我会查看这篇文章底部的一些链接，但重要的是你是一致的，冗长的，并且使用注释和测试。关于命名HTML元素以进行操作，如果您确定每页只有一个元素要执行某些操作，例如登录表单上的用户名字段，那么Id是可以接受的，并且是有意义的，只要命名是一致的，例如：不要在登录表单id=name上调用您的用户名字段，因为这可能会被误解，取而代之的是，将其命名为id=username或id=login username。明确名称不会浪费大量内存和网络带宽，以取代未来的开发人员在试图弄清楚id和类的情况时可能遇到的所有难题

当使用一个类通过javascript识别页面中的元素集合是有意义的时候——注意为javascript专门使用一个类名——可能在它前面加上js——或者使它成为一个有状态的名称，比如被选中的名称，这样当你看到它时，你就会知道它可能是一个有用的操作在javascript代码中，和2，这样它就不会与CSS中的样式混淆或纠结

简而言之，你的目标应该是在命名上保持一致性和清晰性——有时这可能意味着 当你只想在一个页面上有一个东西，而其他时候它可能是一个类，当一个页面上可能有很多东西，也可能没有很多东西的时候——只要想一想，对于第一次看它的人来说，这是否有意义

链接转储：

请注意，这里有很多观点——同样，保持一致性比人们说的这一年的最佳实践更重要，但你会发现人们倾向于遵循一些命名基础，如常量的所有大写字母和javascript变量的camelCase等等——阅读，选择你喜欢的并使用它