资产(图像,CSS,JS)的命名约定? [英] Naming convention for assets (images, css, js)?

查看:87
本文介绍了资产(图像,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.

这篇关于资产(图像,CSS,JS)的命名约定?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆