HTML 命名規則の詳細な紹介

前の言葉

歴史的な理由や個人的な習慣によって引き起こされるDOMの構造と命名は均一ではないため、異なるメンバーが同じページを維持すると効率が低下し、反復コストとメンテナンスコストが非常に高くなります。したがって、統一された命名規則を使用することが非常に必要です。この記事では命名規則を詳しく紹介します

ディレクトリの命名

1.プロジェクトフォルダー：projectname

2.スタイルフォルダー：css

3.スクリプトフォルダー：js

4.スタイル画像フォルダー：img

ピクチャの名前付け

次の順序でピクチャに名前を付けることをお勧めします:

(m_) ピクチャ関数カテゴリ (必須) + ピクチャモジュール名 (オプション) + ピクチャ精度 (オプション)

m_ はパブリックかどうかを示し、オプション

[ピクチャ機能カテゴリ]

icon:モジュールタイプの固形アイコン

logo:LOGOタイプ

spr:様々な要素を組み合わせた単一ページのコレクション

btn:ボタン

bg:タイル状または大きな背景にすることができます

pic: 現在のコンテンツまたはビジネスを表す画像

[画像モジュール名]

goodslist: 製品リスト

goodsinfo: 製品情報

userportrait: ユーザーアバター

[画像精度]

Puqing: @1x

Retina : @2x | @3x

//公共模块：
m_btn_goodlist@2x.png
m_btn_goodlist.png

//非公共模块：
wx_btn_goodlist@2x.png
wx_btn_goodlist.png
btn_goodlist.png

ファイル名は常に数字ではなく文字で始まり、文字は常に小文字で、アンダースコアで接続され、他の句読点がないことを確認してください。

りー

以上がHTML 命名規則の詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。