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

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 を使用してマウスをホバーすることで他のタグのスタイルを変更するサンプルコード

推薦する

MySQL エラー番号 1129 の解決方法

SQLyog が MySQL に接続する際にエラー番号 1129 が発生します: mysql エラー...

組み込み Linux 開発環境で ping と nfs を構築するためのソリューション

1. 組み込みソフトウェアレベル 1) ブートローダ -> ブートローダ組み込みシステム全体の...

js 正規表現の先読みと後読み、および非キャプチャグループ化

目次先読みと後読みをキャプチャグループと組み合わせる捕獲グループと非捕獲グループ前を向いて、後ろを振...

Docker ベースの MySQL マスタースレーブレプリケーション環境を構築するための実装手順

1. はじめに以前のプログラム アーキテクチャは次の形式になります。プログラムのサイズが大きくなると...

Electronで不規則な形状の透明部分をクリックする実装

目次不規則なフォームの実装透明な部分をクリックする不規則なフォームの実装ここでは円形フォームを実装し...

MySQLでよく使われる4つのストレージエンジンについて簡単に説明します。

よく使われる4つのMySQLエンジンの紹介(1):MyISAMストレージエンジン:トランザクションや...

CSS3 で翻訳効果 (transfrom: translate) を実装する例

移動を実現するためにtranslateパラメータを使用しますtranslateX: X 軸に沿って移...

IIS7~IIS8.5 サーバープロトコルヘッダーの削除または変更

要件: IIS 7、7.5、8.0、8.5、および ASP.NET で HTTP 応答ヘッダーを削除...

Nginx で Brotli 圧縮アルゴリズムを有効にする方法の例

Brotli は、Zopfli よりも 20 ~ 26% 高い圧縮率を実現できる新しいデータ形式です...

MySQLが内部一時テーブルを使用するタイミングについて簡単に説明します。

組合執行分析を簡単にするために、次のSQLを例として使用します。 テーブル t1 を作成します ( ...

Reactでコンポーネントロジックを共有する3つの方法

簡単に説明すると、これら 3 つの方法は、レンダリング プロップ、高階コンポーネント、カスタム フッ...

React Hooksの使用例

目次簡単なコンポーネントの例より複雑な親子コンポーネントのケースオンセレクトの書き方反応する子供Re...

Vue.js プロジェクトの開始方法

目次1. Node.jsとVue 2. ローカル開発環境でフロントエンドのVueプロジェクトを実行す...

一般的なDockerコマンドの概要

Dockerのインストール1. 要件: Linuxカーネルバージョン3.10以上 表示: uname...

Dockerリポジトリの一般的なコマンドの詳細な説明

ログイン dockerログインdocker login コマンドを実行し、ユーザー名、パスワード、メ...