1. ホーム
  2. naming-conventions

[解決済み] アセット(画像、CSS、JS)の命名規則?

2023-02-04 23:23:38

質問

Webプロジェクトで使用する画像、js、cssファイルなどのアセットのための良い命名規則を見つけるのに苦労しています。

だから、私の現在は、次のようになります。

CSSです。 style-{name}.css

の例です。 style-main.css , style-no_flash.css , style-print.css など。

JS: script-{name}.js

の例です。 script-main.js , script-nav.js など。

画像です。 {imageType}-{name}.{imageExtension}

{imageType} は、これらのいずれかを

  • アイコンです。
  • img (例: ヘッダ画像。 <img /> 要素)
  • ボタン
  • bg(画像はcssで背景画像として使用されます。)
  • sprite (画像はcssの背景画像として使用され、複数の"version"を含む)

例-nameは次のようになります。 icon-help.gif , img-logo.gif , sprite-main_headlines.jpg , bg-gradient.gif など。

では、どう思うかというと 命名規則を教えてください。 ?

どのように解決するのですか?

CSSファイルをフォルダ css に、Javascriptは js で、画像は images , ... 適当にサブフォルダを追加してください。個々のファイルのレベルでは命名規則は必要ありません。