Div CSS 命名標準 CSS クラスの命名規則 (SEO 標準に準拠)

検索エンジン最適化 (SEO) では実行すべきタスクが多数ありますが、その中でもコードの最適化は重要なステップです。 SEO基準をより良く満たすために、
現在普及している CSS+DIV の命名規則は次のとおりです。

ヘッダー:ヘッダー
ログインバー: loginBar
ロゴ：
サイドバー: サイドバー
広告: バナー

ナビゲーション: nav
サブナビゲーション: subNav
メニュー:メニュー
サブメニュー: サブメニュー
検索:検索
スクロール: スクロール

ページ本体:メイン
コンテンツ: コンテンツ/コンテナ/ボックス
タブ:タブ
記事リスト:リスト
プロンプトメッセージ: msg
ヒント:
列タイトル: タイトル

参加する: joinus
ガイド:ギルド
サービス：
ホットスポット:ホット
ニュース: ニュース
ダウンロード:ダウンロード
登録: regsiter
ステータス: ステータス

ボタン:btn
投票:投票
友達リンク:
フッター:フッター
パートナー:パートナー
著作権:copyRight

CSSID 命名コート: wrap
メインナビゲーション: mainNav
サブナビゲーション: サブナビゲーション
ヘッダー:ヘッダー
フッター:フッター
ページ全体:メイン

商標: ラベル
タイトル: タイトル
メインナビゲーション: mainNav(globalNav)
トップナビゲーション: topnav
サイドナビゲーション: サイドバー
左ナビゲーション: leftsideBar
右ナビゲーション: rightsideBar
旗:ロゴ
スローガン: バナー
メニューコンテンツ1:menu1Content
メニュー容量: menuContainer

容器: コンテナ/ボックス
コンテンツ：
サブメニュー:サブメニュー
サイドバーアイコン: sidebaricon
注記：
検索:検索
ログイン: ログイン
機能領域: ショップ（ショッピングカート、レジなど）
現在

BreadCrumbs: ブレッドクラム（ページ位置のナビゲーションヒント）

メインスタイルファイル名はmaster.cssです。
レイアウト: layout.css
列: columns.css
テキスト: font.css
印刷スタイル: print.css
テーマ:themes.css
共通: common.css/public

<<: Nginx を使用して rtmp ライブサーバーを実行する方法

>>: CSS を使用してマウスをホバーすることで他のタグのスタイルを変更するサンプルコード