html - Web 元素的命名约定

Question

在 Web 元素中，通常需要多个解决方案协同工作才能产生所需的结果。就我而言，我目前正在开发一个使用以下内容的元素:HTML、CSS、JavaScript、jQuery、AJAX、JSON、PHP、MySQL 和其他一些库。这是一般元素的典型技术集。

在整个元素的某个时刻，正如您所期望的那样，您需要在经过 JavaScript 或 jQuery 处理后，以 JSON 对象的形式通过 AJAX 调用与从 HTML 到 PHP 的数据进行交互，当然，当向用户显示时，该输入数据通过 CSS 设置样式。

此类 HTML 元素的示例如下:

<input type="text" name="my-input-name" id="my-input-name" />

请注意，名称和id是用连字符连接的。这也可以写成

<input type="text" name="my_input_name" id="my_input_name" />

或者

<input type="text" name="myInputName" id="myInputName" />

该名称和id是所有上述技术都可以使用的。

就我个人而言，我更喜欢CSS使用连字符，PHP使用下划线，AJAX使用驼峰式大小写，等等。

但这意味着名称和id将不会遵循至少一种所使用的技术中所需的命名约定。

我读到了很多不同的观点(包括 Stack Overflow 中的一些观点)，但没有一个真正提供任何最终结论。

所以，我的问题是，我应该使用哪种约定？ HTML 5 和 CSS 3 时代什么最好？

谢谢

Answer 1

这实际上取决于您正在使用的元素的风格/标准。你提到的三种风格我都见过。如果我可以提出建议的话，我已经看到破折号“-”在 Linux 环境中破坏了某些脚本。此外，如果不需要，下划线“_”有时会被认为是额外的困惑。

如果没有其他重要的样式问题，我会推荐第三个选项驼峰式大小写(myInputName)。原因是在Web环境中，每次都必须重新编译，因此字符数较少，处理量略少。