是否有推荐的HTML / CSS / JavaScript编码风格指南？ [关闭]

Posted 2021-04-08

我的团队正在尝试就常见的html / CSS / javascript编码风格指南达成一致。我找到了Google JavaScript Style Guide，但没有类似的HTML或CSS。

如果有一些常用的推荐类或ID命名约定，我特别感兴趣。

答案

谷歌现在实际上有自己的HTML和CSS风格指南：https://google.github.io/styleguide/htmlcssguide.html

另一答案

对于JavaScript，请使用Standard Style。

另一答案

在CSS方面，这很好：http://woork.blogspot.com/2008/11/useful-guidelines-to-improve-css-coding.html

我添加到我的CSS的个人触摸是tabbing，我认为嵌套元素应该是标签，例如：

table 
{ 
}
  tr
  {
  }
    td
    {
    }

你也可以使用名称连接和tabbing与css的结合，例如

.main
{
}
  .main-title
  {
  }
    .main-title > h1
    {
    }
  .main-content
  {
  }

刚刚发现了一篇关于CSS命名的有趣文章：http://woork.blogspot.com/2008/11/css-coding-semantic-approach-in-naming.html有10个不同的CSS框架和11个CSS命名约定文章的链接。

对于JavaScript，我相信你发布的谷歌风格指南很好。

另一答案

很多人今天使用的一些html / css指导是object-oriented css。我个人而言，不喜欢它如何“强迫”你的某些结构/名称，但如果你的团队很大，这肯定是一条路！

另一答案

读这个：

https://developer.mozilla.org/En/Mozilla_Coding_Style_Guide

没有这样的HTML和CSS样式指南，你必须自己学习。 this link可能对你有用。

另一种方法是使用validator来检查你的代码

另一答案

我从来没有听说过任何HTML / CSS，我不确定你真的需要一个。

样式指南的主要内容是通过使用熟悉的可视化布局和命名约定使代码快速浏览，以便开发人员知道某些内容的作用，因为这也是他们如何将其放置/命名的。与JavaScript之类的复杂语言相比，HTML / CSS在完成任务方面的变化范围要小得多。 HTML是标记并且严格嵌套强制特定布局，而CSS通常只有一个代码构造，所以你留下名字，因为它们不是描述动作而不处理数据，很少需要变得非常复杂。

关于JavaScript，与任何语言一样，您需要选择一组标准并坚持使用它们。因为有人总是喜欢不同的一套并不重要。一致性是关键，因此唯一需要寻找的是与您正在使用的任何大型库相匹配的集合。我工作的一个项目有自己的php规则，也必须用于JavaScript。当库代码使用camelCase（）并且其他代码使用words_separated_by_underscores（）作为函数名时，这使得它看起来很奇怪。

另一个小问题可能是您最喜欢的IDE可能会或可能不会通过其自动格式化/错误标记来强制执行特定的标准集。对于草率代码的一键修复有时是一种真正的奢侈品！