资产(图像,CSS,JS)的命名约定? [英] Naming convention for assets (images, 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.css
,style-no_flash.css
,style-print.css
等
CSS: style-{name}.css
examples: style-main.css
, style-no_flash.css
, style-print.css
etc.
JS:
script-{name}.js
例如:script-main.js
,script-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.gif
,img-logo.gif
,sprite-main_headlines.jpg
,bg-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屋!