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

Question

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

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

Answer 1

Google现在实际上有自己的HTML和CSS样式指南：https://google.github.io/styleguide/htmlcssguide.html

Answer 2

对于JavaScript，请使用Standard Style。

Answer 3

就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，我相信您发布的Google风格指南很好。

Answer 4

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

Answer 5

阅读本文：

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

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

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

Answer 6

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

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

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

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