资产(图像,CSS,JS)的命名约定?

资产(图像,CSS,JS)的命名约定?

问题描述:

我仍在努力为Web项目中使用的图像,js和css文件等资产找到良好的命名约定.

I am still struggling to find a good naming convention for assets like images, js and css files used in my web projects.

所以,我现在是:

CSS: style-{name}.css
例如:style-main.cssstyle-no_flash.cssstyle-print.css

CSS: style-{name}.css
examples: style-main.css, style-no_flash.css, style-print.css etc.

JS: script-{name}.js
例如:script-main.jsscript-nav.js

JS: script-{name}.js
examples: script-main.js, script-nav.js etc.

图片:{imageType}-{name}.{imageExtension}
{imageType}是其中的任何

Images: {imageType}-{name}.{imageExtension}
{imageType} is any of these

  • 图标(例如帮助内容的问号图标)
  • img(例如,通过<img />元素插入的标题图片)
  • 按钮(例如图形提交按钮)
  • bg(图像在CSS中用作背景图像)
  • sprite(图像在CSS中用作背景图像,并且包含多个版本")
  • icon (e. g. question mark icon for help content)
  • img (e. g. a header image inserted via <img /> element)
  • button (e. g. a graphical submit button)
  • bg (image is used as a background image in css)
  • sprite (image is used as a background image in css and contains multiple "versions")

示例名称为:icon-help.gifimg-logo.gifsprite-main_headlines.jpgbg-gradient.gif等.

Example-names would be: icon-help.gif, img-logo.gif, sprite-main_headlines.jpg, bg-gradient.gif etc.

那么,您的想法如何?您的命名约定是什么?

So, what do you think and what is your naming convention?

我将CSS文件放在文件夹css中,Javascript放在js中,图像放在images中,...根据需要添加子文件夹.无需在单个文件级别上使用任何命名约定.

I place CSS files in a folder css, Javascript in js, images in images, ... Add subfolders as you see fit. No need for any naming convention on the level of individual files.