CSS の命名規則

HTML ページの CSS および DIV 命名規則

CSS 命名規則

ヘッダー: ヘッダー

コンテンツ: content/containe

末尾: フッター

ナビゲーション：ナビ

サイドバー:サイドバー

コラム：コラム

ページ周辺制御全体のレイアウト幅：ラッパー

左右中央

ログインバー：loginbar

ロゴ：ロゴ

広告：バナー

ページ本文：メイン

ホットスポット: ホット

ニュース: ニュース

ダウンロード: ダウンロード

サブナビゲーション：subnav

メニュー：メニュー

サブメニュー: サブメニュー

検索: 検索

フレンドリンク: フレンドリンク

フッター：フッター

著作権:著作権

スクロール：スクロール

内容：コンテンツ

タグページ：タブ

記事一覧：一覧

プロンプトメッセージ: msg

ヒント: ヒント

コラムタイトル：title

参加：ジョイナス

ガイド：ギルド

サービス：サービス

登録：regsiter

ステータス: ステータス

投票:投票

パートナー：パートナー

XHTML ファイル内の ID の命名

(1)ページ構成

コンテナ：コンテナ

ページの先頭: ヘッダー

コンテンツ: コンテンツ/コンテナ

ページ本文：メイン

フッター：フッター

ナビゲーション：ナビ

サイドバー:サイドバー

コラム：コラム

ページ周辺制御全体のレイアウト幅：ラッパー

左右中央

(2)ナビゲーション

ナビゲーション：ナビ

メインナビゲーション: mainbav

サブナビゲーション：subnav

トップナビゲーション: topnav

サイドナビゲーション: サイドバー

左側のナビゲーション: 左側のサイドバー

右ナビゲーション: 右サイドバー

メニュー：メニュー

サブメニュー: サブメニュー

タイトル：タイトル

概要：まとめ

(3)機能

ロゴ：ロゴ

広告：バナー

ログイン: ログイン

ログインバー：loginbar

登録：regsiter

検索: 検索

リボン：ショップ

タイトル：タイトル

参加：ジョイナス

ステータス: ステータス

ボタン：btn

スクロール：スクロール

タグページ：タブ

記事一覧：一覧

プロンプトメッセージ: msg

現在：現在

ヒント: ヒント

アイコン：アイコン

注意：注意

ガイド：ギルド

サービス：サービス

ホットスポット: ホット

ニュース: ニュース

ダウンロード: ダウンロード

投票:投票

パートナー：パートナー

フレンドリーリンク: リンク

著作権:著作権

CSS+DIV の命名規則:

ログインバー：loginBar

ロゴ：ロゴ

サイドバー:sideBar

広告:バナー

ナビゲーション：ナビ

サブナビゲーション：subNav

メニュー:menu

サブメニュー:subMenu

検索: 検索

スクロール:スクロール

ページ本文:main

内容:コンテンツ

タブ:タブ

記事一覧:list

プロンプトメッセージ: msg

ヒント: ヒント

コラムタイトル：title

フレンドリンク: friendsLink

フッター：フッター

参加：ジョイナス

ガイド:ギルド

サービス:サービス

ホットスポット: ホット

ニュース: ニュース

ダウンロード:ダウンロード

登録:regsiter

ステータス: ステータス

ボタン：btn

投票:投票

パートナー：パートナー

著作権:copyRight

1. CSSIDの命名

コート:ラップ

メインナビゲーション:mainNav

サブナビゲーション：subnav

フッター：フッター

ページ全体: コンテンツ

ヘッダー: ヘッダー

フッター：フッター

商標：ラベル

タイトル:title

メインナビゲーション: mainNav(globalNav)

トップナビゲーション: topnav

サイドナビゲーション: サイドバー

左側のナビゲーション:leftsideBar

右ナビゲーション: rightsideBar

旗: ロゴ

スローガン：バナー

メニュー内容1:menu1Content

メニュー容量: menuContainer

サブメニュー:サブメニュー

サイドナビゲーションアイコン:sidebarIcon

注：メモ

ブレッドクラム: ブレッドクラム (つまり、ページの場所を示すナビゲーション プロンプト)

コンテナ:コンテナ

内容:コンテンツ

検索: 検索

ログイン: ログイン

機能エリア: ショップ (ショッピングカート、レジなど)

現在の流れ

2. スタイルファイルの命名

メイン: master.css

レイアウト:layout.css

列：columns.css

テキスト：font.css

印刷スタイル：print.css

テーマ:themes.css

注: これらはすべてクラスであり、拡張する必要があります。その後、現在の名前に「_」(アンダースコア) 接尾辞を付けて名前をカスタマイズします。

私はリストページをリスト、ニュースリストをニュースリスト、写真リストをピクリストと呼ぶことに慣れています

コンテンツページが表示されます

/**/

全体的な大きなフレーム: #wrapper

大きなフレーム内: #inwrapper

////////////////////////////////////////////// /// ////////////////////////////////////////////// /////// //////

トップとバナー: .top

バナーの上部と内側: .intop

ロゴ:.logo

バナー: .banner

ナビゲーション: .menu

内部ナビゲーション: .inmenu

.メニュー

.メニュールリ

.メニュールリア

ドロップダウンメニュー: .inmenu_xiala

.Inmenu_xialaul

.Inmenu_xialaul li

.Inmenu_xialaul li a

////////////////////////////////////////////// /// ////////////////////////////////////////////// /////// ////////

メインコンテンツ: .mainWrapper

メインコンテンツ内: .inmainwrapper

左ブロック: .sideleft

左内: .insideleft

右列: .sideright

右内: .insideright

中央: .sidecenter

内部センター: .insidecenter

////////////////////////////////////////////// /// ////////////////////////////////////////////// /////// //////////

下: .foot

底の内側: .infoot

////////////////////////////////////////////// /// ////////////////////////////////////////////// /////// /////////

/*その他のネーミング*/

検索: .search

検索範囲: .insearch

検索バー: .searchselect

検索ボタン: .serachbuttom

入力テキストボックス: .input

.選択

/*テーブルスタイル*/

テーブル全体のフレーム: .listbox

テーブルの幅: .listbox-table

テーブルヘッダーのテキストスタイル: .listbox-header

表のテキストスタイル: .listbox-entry

/*ユニバーサルタイプ*/

一般: .GM/*これは少し憂鬱です、私の英語はあまりにも下手です...*/

一般: .INGM

一般的な左フロート: .GMfl(GM FLOAT LEFT)

一般的な右フロート: .GMfr(GM FLOAT RIGHT)

/*ユニバーサルピクチャースタイル*/

ユニバーサル画像スタイル: .img

/*クリアフロート*/

すべてのフロートをクリア: .clear

左フロートをクリア: .clearleft

右フロートをクリア: .clearright

/*テキストスタイル*/

テキスト: .font

/*ニュースリスト*/

ニュースリスト: .fontnews

/*ページのフォント全体のスタイルを表示*/

ページのフォントを表示: .fontview

商標: ラベル

タイトル: タイトル

メインナビゲーション: mainbav (globalnav)

トップナビゲーション: topnav

サイドナビゲーション: サイドバー

左側のナビゲーション: 左側のサイドバー

右側のナビゲーション: 右サイドバー

フラグ: ロゴ

スローガン: バナー

メニュー内容1:menu1の内容

メニュー容量: メニューコンテナ

サブメニュー: サブメニュー

サイドナビゲーションアイコン:sidebarIcon

注: 注

ブレッドクラム: ブレッドクラム (つまり、ページの位置に関するナビゲーションのヒント)

コンテナ: コンテナ

コンテンツ: コンテンツ

検索: 検索

ログイン: ログイン

機能エリア: ショップ(ショッピングカート、レジなど)

現在

マストヘッド: マストヘッド

要約、要約、概要または一般

左の浮遊写真写真左写真

右写真右の浮遊写真

タイトル タイトル

エントリの一番下 entrybottom

more extended または .more

コンテナ背景containerbg

サービス サービス

サービスリンク サービスリンク

ライン ライン

テキストテキスト

右側

著作権

ニュースニュース

ブックカバーの包み紙

はじめに intro-part1

コラムコラム

通路

セクション

モジュール

アップナビゲーションサブナビ

2. さらに、スタイルシートを編集するときに使用できるコメントは次のように記述できます。

<-- フッター -->

コンテンツエリア

<-- フッター終了 -->

3. スタイルファイルの名前付け

メインマスター.css

レイアウト、layout.css

列 columns.css

テキストフォント.css

印刷スタイル print.css

テーマテーマ.css

4. スタイルシートのコメント

例1

/* グローバル --------------------------- */

/* リンク ------------------------- */

/* フォーム --------------------------- */

/* IDS --------------------------- */

/* ヘッダー --------------------------- */

/* 列 1 --------------------------- */

/* 列 2 --------------------------- */

/* クラス --------------------------- */

例 2

HTML

例 3 (NetEase)

CSS

#Ursログイン

#ロゴナビ

#コラム

#コンテンツ1

#bNav

#著作権

#Ursログイン

#ロゴナビ

#検索エリア

#チャンネルエリア

#ホットニュース

#ニュースセンター

.キーワード

#モールエリア

#市

#私たちについて

……………………

一般的なネーミング

ラッパーとコンテナーが含まれます

ヘッダーまたはhdと略記されます

フッター、または ft と省略されます

ナビゲーションナビ

あなたの場所のパンくずリスト

二次ナビゲーション sub_nav

サイドバー サイドバーまたはサイドコラム

モジュールモジュール

データベースの命名規則

データベースには文字ルールが含まれます

26 文字の英字 (大文字と小文字が区別されます) と 0 から 9 までの 10 個の自然数、およびアンダースコア _ の合計 63 文字で構成されます。他の文字 (コメントを除く) は表示されません。

データベースオブジェクトの命名規則

データベース オブジェクトには、テーブル、ビュー (クエリ)、ストアド プロシージャ (パラメータ クエリ)、関数、制約が含まれます。オブジェクト名はプレフィックスと実際の名前で構成され、長さは 30 文字を超えません。接頭辞: 小文字を使用します。

例: table-tb view-vi ストアド プロシージャ-sp function-fn

本名

実際の名前は、エンティティの内容を可能な限り説明するように努める必要があります。各単語の最初の文字は大文字にし、他の文字は小文字で始める必要があります。数字または_。

例: テーブル User_Info ビュー UserList ストアド プロシージャ UserDelete

したがって、法的なオブジェクト名は次のようになります。

テーブル tbUser_Info、tbMessage_Detail

vi_MessageList を表示する

ストアド プロシージャ sp_MessageAdd

データベーステーブルの命名規則

フィールドは接頭辞と実際の名前で構成されます。システムは、実際の名前の最初の単語と同じ単語を使用しようとします。

接頭語: テーブルを示すには、小文字の tb を使用します。

例: tbMember tbMember_Info tbForum_Board tbForum_Thread1

フィールドの命名規則

数値、文字、日付/時刻、LOB (ラージ オブジェクト)、その他のフィールドは、テーブルの省略形、アンダースコア、実際の名前と接尾辞で構成されます。

サフィックス: フィールドの属性を表すには小文字を使用します。

例: User_Idint User_Namestr User_RegDatedtm

命名規則を表示する

このフィールドは、接頭辞と実際の名前がアンダースコアで接続されたもので構成されます。

接頭辞: ビューを表すには小文字の vi を使用します。

例: vi_User vi_UserInfo

ストアド プロシージャの命名規則

このフィールドは、アンダースコアで接続された接頭辞と実際の名前で構成されます。

接頭辞: ストアド プロシージャを示すには、小文字の sp を使用します。

例: sp_User

データベース設計文書のルール

すべてのデータベース設計はドキュメントで記述され、ドキュメントはモジュール形式で表現される必要があります。一般的な形式は次のとおりです:

「------------------------------------------------」

テーブル名：tbUser_Info

作成者: UAM_Richard

日付: 2004-12-17

バージョン： 1.0

説明: ユーザー情報を保存します

具体的な内容:

UserId int、自動インクリメントのユーザーコード

UserName char(12) ユーザー名

……

「------------------------------------------------」 -

CSSクラスとIDの命名規則

Web 開発者は CSS クラスと ID 名を作成し、これらの名前を使用して div やその他のフォーマットされたページ要素を識別できます。開発者にとって、XHTML タグ (タグ) を再定義する CSS セレクターに名前を付けるときは、定義済みのタグと正確に一致することを確認する必要がありますが、クラスおよび ID セレクターの名前に関しては、意見が分かれます。ただし、これらのクラスや ID に好きなように名前を付けるのは良い習慣ではありません。

1. 直感的なネーミング

Web ページをデザインし、div を識別する必要がある場合、最も自然なアイデアは、ページ上の要素の位置を説明できる単語を使用して名前を付けることです。

例: トップパネル

水平ナビ

左側

センターコラム

右列

これらは、CSS および XHTML のクラスと ID に名前を付ける有効な方法です。これらの用語はシンプルで説明的であるため、ページ要素とそれに対応する CSS スタイルを識別する必要性に対応します。

しかし問題は、そのような名前がページコンテンツの特定の表現に関連付けられていることです。これらの名前は、特定のページ レイアウト内のページ要素の位置を参照するため、そのようなレイアウト外で使用すると不適切であるか、混乱を招く可能性さえあります。これらの名前は、ドキュメントの内容の構造とは関係ありません。したがって、CSS クラスと ID に名前を付けるより良い方法を次に示します。

2. 構造化された名前付け

これらは、CSS および XHTML のクラスと ID に名前を付ける有効な方法です。これらの用語はシンプルで説明的であるため、ページ要素とそれに対応する CSS スタイルを識別する必要性に対応します。 これらは、CSS および XHTML のクラスと ID に名前を付ける有効な方法です。これらの用語はシンプルで説明的であるため、ページ要素とそれに対応する CSS スタイルを識別する必要性に対応します。

タグ付けされた関連情報は、文書の外観ではなく構造を説明するために使用されます。この機能を使用すると、CSS を変更するだけで、コンテンツとマークアップをさまざまな外観形式で再利用できます。この方法を理解すると、オーディオなどの外観形式を扱う場合、ページ位置を使用してクラスや ID に名前を付けるのは非常に不適切であることが簡単にわかります。したがって、クラスと ID は、出現する場所ではなく、ドキュメント内での使用目的に従って構造化する必要があります。

以下に示すように、構造化された方法でクラスと ID 名に名前を付けることができます:

例: ブランディング

メインナビ

サブナビ

メインコンテンツ

サイドバー

これらの名前は直感的な命名と同じくらい理解しやすいものですが、ページ要素の位置ではなく役割を説明しています。これにより、コードは純粋な構造マークアップを使用するという本来の目的とより一貫性のあるものになります。つまり、開発者はマークアップを変更せずにさまざまなメディアの表示形式を処理できるようになります。

他のメディアで Web ページをフォーマットする予定がない場合でも、構造化された名前を使用すると、将来のサイトのアップグレードや再設計が容易になります。たとえば、構造化された名前付けにより、右列に同じ ID を持つ div がページの左側に移動された場合の混乱が回避されます。この方法で div サイドバーに名前を付けるのは、ページのどちらの側に表示されても、名前が開発者にとって直感的で理解しやすいため、より適切です。

3. コンベンション

アンディ・クラークは、標準化された Web デザイン概念を提唱する開発者によって設計された 40 の Web サイトのソース コードを分析しました。クラス名と ID 名は非常に一貫性がありませんが、頻繁に現れるいくつかの一般的な名前がまだ見つかります。最も一般的に使用されるクラス/ID 名のリストの例を以下に示します。

例: ヘッダー

内容

ナビ

サイドバー

フッター

3. メンバーベースの命名規則

メンバーベースの命名規則とは、所属に応じて分類してファイルとフォルダーに名前を付けることを指し、これによりファイルの配置がより論理的になります。

例: マウスをクリックする前の画像ファイルは「file_on」であり、クリック後の画像ファイルはこのカテゴリに従って「file_off」という名前になります。

4. 属性ベースの命名規則

例: 小さな装飾画像は、「___.*」に従って表されます。これは「heart_red_401*334_1.jpg」です

。

5. 序数に基づく命名規則

Web ページでは、画像のダウンロード時間を短縮するために、通常、画像を小さな部分に分割して全体の画像を形成します。この場合、名前を付けるために 2 次元配列を使用できます。

例:

この写真は「donghua_11.jpg」です

この写真は「donghua_12.jpg」です

この写真は「donghua_21.jpg」です

この写真は「donghua_22.jpg」です

これらは絵を形成します。

6. 列挙ベースの命名規則

1枚目は本の横にある「ddd_cemian.jpg」です

2枚目はブックカバー「ddd_fengpi.jpg」です

3番目は本の裏表紙にある「ddd_fengdi.jpg」です

一部のウェブサイトでは、写真を表示するための異なるサイズも用意されており、ユーザーの希望に応じて閲覧できます。

例: 「ddd_cemian_401*334.jpg」と「ddd_cemian_1024*768.jpg」

これらはウェブサイトを構築する際の参考になります。

コードの競合を回避するには (コードの汎用性も高まります)、命名規則を使用することは、プログラミングの良い習慣です。さて、ここで一般的に使用されるルールをいくつか紹介します。

◆変数、メソッド、プロパティに名前を付ける

変数、メソッド、プロパティの名前の最初の文字は大文字にする必要があり、名前はその目的 (または意味) を表現する必要があります。

変数

.NET の命名

ハンガリー語のネーミング

説明

C文字列

従業員名

sz名前

従業員の名前

内部

出席カウンター

nカウンター

ロングタイプのカウンター

長い

バイト数

lバイト

long 型変数にはバイトが格納されます。

定義でアンダースコア「_」を使用することに慣れている場合があります。例: Add_Data(int a, int b) 新しい命名規則によれば、これは間違っているわけではありませんが、良いプログラミング習慣ではありません。 Add_Data の定義を AddData に変更する必要があります。 これらは Microsoft の標準ではないため、これらのルールに従う必要はありません。ただし、いくつかの場所では、これらの法律の理論的根拠を以下で理解できるでしょう。

個人的には、ハンガリー語の命名法が好きです。もちろん、同じルールが変数にも適用されます。ハンガリー語の命名法を覚えていると、ブール変数の定義は「b」で始まります。例:

BOOL bFlag = TRUE;

新しいルールでは、Flag と "b" の使用が非推奨になります:

bool IsFileFound = true;

MSDN を参照すると、新しいルールに関する詳しい手順が記載されています。

◆名前付きコンポーネントとコレクション (アセンブリ)

コードの競合を避けるために、命名規則に従ってライブラリ (.NET ではアセンブリと呼ばれます) に名前を付けることは、プログラミングの良い習慣です。あなたが MindCracker 社に所属しており、C# データベース クラスを拡張するためのライブラリを開発しているとします。MyAssembly.Database.ADOSet よりも MindCracker.DatabaseAssembly.ADOSet という名前を付ける方がはるかに適切です。

再度、ライブラリにテーブルからデータを読み取り、データセットを返すメソッドがあると仮定します。 DataSet return_data() という名前を付けた場合は、DataSet ReturnData() に変更します。

名前を付ける際にも、一貫した語順に従う必要があります。たとえば、Employee と Manager という 2 つのテーブルがあり、それぞれのテーブルにレコードを挿入するメソッドを定義する場合、メソッド名 AppendEmployee および AppendManager は AppendEmployee および ManagerAppend よりも優れています。

ブロック構造とネストされたブロック構造を理解するのが簡単なため、私は 2 つの方法を好みます。

◆ハンガリー語の命名法（efoxxx添付）

ハンガリー語の命名法はハンガリー人のプログラマーによって発明され、彼はマイクロソフトで長年働いていました。この命名法は、さまざまな Microsoft 製品およびドキュメントを通じて広まっています。ほとんどの経験豊富なプログラマーは、使用する言語に関係なく、ある程度その言語を使用します

この命名法の基本原則は次のとおりです:

変数名 = 属性 + 型 + オブジェクトの説明

つまり、変数名は 3 つの情報で構成されており、プログラマは変数の種類と目的を簡単に理解でき、覚えやすいのです。

以下は推奨ルールの例です。これらを選択して使用することも、個人の好みに応じて変更することもできます。

⑴属性部分:

グローバル変数: g_

定数: c_

クラスメンバー変数: m_

⑵入力部分:

ポインタ: p

ハンドル:h

ブール型: b

浮動小数点型: f

署名なし: あなた

⑶説明部分:

初期化: Init

一時変数: Tmp

宛先オブジェクト: Dst

ソースオブジェクト: Src

ウィンドウ: Wnd

次の例では、ハンガリー語の命名法を導入し、それと上記のコーディング スタイルに従うよう最善を尽くします。繰り返しますが、すべての読者がこの規約に従うことを要求するわけではありませんが、現代のソフトウェア開発者としての読者にはこの規約を遵守していただきたいと考えています。

a 配列 配列 配列

b BOOL (int) ブール値 (整数)

Unsigned Char (バイト) により Unsigned Char (バイト)

c 文字 (バイト)

cb バイト数 バイト数

cr 色の基準値 色の基準値

cx x の数 (short) x の集合 (short integer)

dw DWORD (符号なし長整数) ダブルワード (符号なし長整数)

f フラグ (通常は複数のビット値) フラグ (通常は複数のビット値)

fn関数

g_グローバル

hハンドルハンドル

i 整数 整数

l Long Long 整数

lp ロングポインター ロングポインター

m_ クラスのデータ メンバー クラスのデータ メンバー

n Short int Short int

pポインター ポインター

文字列

sz ゼロで終わる文字列 0 で終わる文字列

tm テキストメトリクス テキストルール

u Unsigned int 符号なし整数

ul 符号なし長整数 (ULONG) 符号なし長整数

w WORD (unsigned short) 符号なし short 整数

x,y x,y座標(short) 座標値/short integer

v無効無効

以下は例です:

hwnd: h はハンドルを意味し、wnd はウィンドウを意味し、これらを合わせて「ウィンドウ ハンドル」になります。

m_bFlag: m はメンバー変数を表し、b はブール値を表します。これらは合わせて、「特定のクラスのブール型のメンバー変数はステータス フラグである」ことを意味します。

C# .net 命名規則

適切な命名規則を見つけるのは非常に難しいので、自分で決めておくことをお勧めします

1 ADO.NET 命名規則 データ型の略称 データ型標準の命名例

ノースウィンドとの接続

command - – ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐

パラメータparmparmProductID

データアダプターお父さんお父さん製品

データリーダー dtr dtrProducts

データベース dataTapable dtbldtblproduct

DataRow drowRow

DataColumn dcol

DataRelation drel drelMasterDetail

DataView dvw dvwFilteredProducts

WinForm コントロールの命名規則

データ型 データ型の略称 標準的な命名例

ラベル エルリンクラベル LLBL LLBLTODAY

ボタン ボタン ボタン 保存

textbox txtname

メインメニュームヌ

チェックボックス chk chkストック

ラジオボタン rbtn rbtn選択済み

グループボックス gbxメイン gbxメイン

PictureBox pic picImage

パネル pnl pnlBody

DataGrid dgrd dgrdView

リストボックス lst lstProducts

CheckedListBox clst clstChecked

コンボボックス cbo cboMenu

リストビュー lvw lvwブラウザ

ツリービュー tvw tvwType

TabControl tctl tctlSelected

DateTimePicker dtp dtpStartDate

HscrollBar hsb hsbImage

VscrollBar vsb vsbImage

タイマー tmr tmrCount

画像リスト ilst ilstImage

ツールバー tlb tlbManage

ステータスバー stb stbFootPrint

OpenFileDialog odlg odlgFile

SaveFileDialog sdlg sdlgSave

FoldBrowserDialog fbdlg fgdlgBrowser

FontDialog fdlg fdlgFoot

ColorDialog cdlg cdlgColor

PrintDialog pdlg pdlgPrint

3 WebControl 命名范

データーベース型 データーベース型简写 标準命名举例

AdRotator adrt 例

ボタン btn btn送信

カレンダー cal calMettingDates

チェックボックス chk chkBlue

CheckBoxList chkl chklFavColors

CompareValidator valc valcValidAge

CustomValidator valx valxDBCheck

DataGrid dgrd dgrdTitles

DataList dlst dlstTitles

ドロップダウンリスト ドロップ ドロップ国

ハイパーリンク lnk lnk詳細

画像 img imgベティおばさん

イメージボタン ibtn ibtnSubmit

ラベル lbl lbl結果

リンクボタン lbtn lbtn送信

リストボックス lst lstCountries

パネル pnl pnlForm2

PlaceHolder plh plhFormContents

ラジオボタン rad rad女性

ラジオボタンリスト radl radl性別

RangeValidator valg valgAge

正規表現 vale valeEmail_Validator

リピーター rpt rptQueryResults

RequiredFieldValidator valr valrFirstName

テーブル tbl tbl国コード

TableCell tblc tblcドイツ

TableRow tblr tblr国

テキストボックス

検証概要 vals valsFormErrors

XML

.NET の命名規則

名前空間の命名

名前空間に名前を付けるための一般的なルールは次のとおりです:

会社名.技術名

このようにして、表示される名前空間は次のようになります:

Microsoft.Office

PowerSoft.PowerBuilder

注：これはあくまで原則です。サードパーティ企業は別の名前を選択する場合があります。

会社名やその他の有名なブランドの名前を名前空間の接頭辞として使用することは避けてください。これにより、公開された 2 つの名前空間が同じ名前を持つ可能性が生じます。

例: Microsoft が提供する Office 自動クラスに Microsoft.Office という名前を付けます

Pascal の大文字化を使用し、論理コンポーネントをカンマで区切ります。

例: Microsoft.Office.PowerPoint

ブランドが従来とは異なる大文字化を使用している場合は、通常の名前空間の大文字化ルールから逸脱している場合でも、必ずブランドによって決定された大文字化スタイルに従ってください。

例: NeXT.WebObjects

ee.カミングス

クラスとクラスコンポーネントの命名

クラスの命名原則は、パスカルの大文字を使用して、名詞または名詞句でクラスに名前を付けることです。クラス名での略語の使用を減らします。クラス接頭辞 (C など) や下線付き文字は使用しないでください。

例: public class FileStream {}

パブリッククラスボタン{}

パブリッククラス String {}

CSS クラスと ID の一般的な名前:

ウェブサイトのヘッダー: head/header (ヘッド) トップ (トップ) ナビゲーション: nanv ナビゲーション固有の区別: topnav (トップ ナビゲーション)、mainnav (メイン ナビゲーション)、mininav (ミニ ナビゲーション)、textnav (ナビゲーション テキスト)、subnav (サブ ナビゲーション/セカンダリ ナビゲーション)

旗、広告および商標: ロゴ (旗)、ブランド (商標)、バナー (スローガン)

検索: sreach(検索)、sreachbox(検索ボックス)、sreachbtn(検索ボタン)、sreachinput(検索入力ボックス)

登録とログイン: ログイン (ログイン)、登録者 (登録)、ユーザーボックス (ユーザー名/パスのテキストボックス)、パスワード (パスワード)

レイアウト、列、ボックス: レイアウト (レイアウト)、bigdiv (大きな div)、leftdiv (左の列)、rightdiv (右の列)、leftfloat (左フローティング)、rightfloat (右フローティング)、メインボックス ()、サブページ (サブページ) /2番目のページ)

フッター/ボトム: foot/footer (フッター/ボトム)、copyright (著作権情報)、sitemap (サイトマップ)

その他: コンテンツ、スキン、タイトル、フロム、写真、ニュース、ショップ、リスト、ニュースリスト )、downloadlist (ダウンロード リスト)、piclist (画像リスト)、dropmenv (ドロップダウン メニュー)、cor/corner (丸い角)、ホームページ(ホームページ)、クラム(現在地ナビ)

実際には、上記の ID 名を区別するために、大文字と小文字、_ を使用することがよくあります。たとえば、区別する必要がある場合は、メイン ナビゲーションは MainNav_1、MainNav_2 などです。 「型 + 変数名」の規則を使用して名前を付けることもできます。たとえば、クラスを赤いフォントで書くと、

.f_red {}(fはフォントの略称)。つまり、原則は次のとおりです。大文字、_、および略語を使用すると、コードの可読性が大幅に向上します。

また、私は子 divd に in + 親 div という名前を付ける "in" の書き方をよく使います。これにより、前に名前を付けた後、後続の div に名前を付ける方法が分からなくなるのを避けることができます。たとえば、intop、inbox、infrom、inlogin などです。