asp.net - 命名 Dom 元素的 id 属性的最佳实践

Question

这与 DOM 元素的 id 属性的命名约定有关，我猜 name 属性也是如此。谈到 JavaScript，据我了解和所做的，除了类名外，总是使用驼峰式大小写。类是 Pascal 大小写。

话虽如此，我主要在 ASP.NET 中进行开发，但在这里我遇到了 id 属性的命名问题。在 ASP.NET 中，如果你将一个新的服务器控件拖放到一个页面上(我很少这样做，我是一个喜欢标记类型的人)，默认名称总是 Pascal 大小写，因为它们需要符合 .NET 框架服务器端代码的命名准则。

因此，在命名 ASP.NET 服务器控件的 id 属性或标记中的元素时，我遵循 id 属性的驼峰式命名规则(Javascript 命名指南)，但这与 .NET 命名指南冲突。

那么，第一，你们通常对 DOM 元素中的 id 属性使用什么大小写，第二，在 ASP.NET 中开发的 .NET 开发人员对 id 属性命名做什么？

最重要的是，当我在标记中创建表单元素时，我通常使用匈牙利符号进行文本输入，例如

<input type="text" id="txtUserName" />

或者像复选框一样

<input type="checkbox" id="chkSelectAll" />

这绝对违反了 .NET 服务器端代码命名准则，也可能违反了 JavaScript 准则。

非常感谢任何建议。

Answer 1

• 保持语义。使用完整、简单(最好是英文)的单词。不要试图想出一些花哨的或技术性的东西，也不要描述它是什么 - 我们知道这一点。描述它做什么。描述目的增加了信息值(value)。

• 不要缩写任何东西! BW_RCB01_SW 对多年前为我们编写 CSS 的团队意味着一些东西，但现在对我来说没有任何意义，我必须向后工作以尝试翻译 BW_RCB01_SW对应于我的目的，并且记住该翻译或将其记录在某处。更好的？ blackwhite-boxtype1-bottomleft。它更长，但也不需要罗塞塔石碑。

• 全部保持小写并使用下划线或连字符。我更喜欢连字符，但这完全是一种偏好。使用连字符应该没有障碍，因为它们不在 CSS 或 HTML 中保留，并且 ID 在所有其他语言中都被视为文字字符串。小写代表所有经验——浪费了太多时间想知道为什么这种风格不适用哦。 pageContainerLeft 与 pageContainerleft 不同。

• 准确识别该元素是什么，但仅此而已。认真考虑您在名称中嵌入的每条信息，以及是否有必要。在您的示例中 - 您需要通过 ID 知道它是一个复选框吗？不太可能。您已经知道您指的是什么元素，因为它是一个唯一 ID，无论如何您都必须针对该元素进行编码。