HTML:ID 属性的命名约定

Question

最近我一直在做很多前端工作。这里的一些开发人员将他们的元素命名为“divPhotoGalleryContainer”，有时我只会看到“galleryContainer”。

是否有一个好的命名约定？添加“div”真的有用吗？

Answer 1

愚蠢的是，匈牙利符号像divPhotoGalleryContainer CSS 完全没有必要。您可以将 ID 命名为 PhotoGalleryContainer并将其定位到 <div> CSS 中的元素:

div#PhotoGalleryContainer {
  /* rules */
}

在该规则内，您通常可以假定某些属性，例如 display: block ，除非您在其他地方定位通用 div(有点不好的做法)。

实际上没有任何特定的命名约定，只需使用清晰简单的名称即可。