SEO 最適化 div+css 命名規則_html/css_WEB-ITnose

最も実用的なウェブページの特殊効果コードを集めてください! http://js.alixixi.com/

SEO (検索エンジン最適化) にはやるべきことがたくさんありますが、その中でコードの最適化は非常に重要なステップです。 SEO 仕様にさらに準拠するために、次の Central IT Network は現在一般的な CSS+DIV 命名規則を次のように整理します:
ヘッダー: ヘッダー
ログイン バー: ログインバー
ロゴ: ロゴ
サイドバー: サイドバー
広告: バナー
ナビゲーション:nav
サブナビゲーション: subNav
メニュー: メニュー
サブメニュー: subMenu
検索: 検索
スクロール: スクロール
ページ本文: メイン
コンテンツ: コンテンツ
タブ:タブ
記事リスト: list
プロンプトメッセージ:メッセージ
小さなヒント: ヒント
コラムタイトル: タイトル
参加: ジョイナス
ガイド: ギルド
サービス: サービス
ホットスポット: ホット
ニュース: ニュース
ダウンロード: ダウンロード
登録: regsiter
ステータス: ステータス
ボタン: btn
投票: 投票
協力パートナー: Partner
フレンドリーリンク: friendsLink
フッター: footer
Copyright: copyRight

1. CSS ID 命名
コート: Wrap
メインナビゲーション: mainNav
サブナビゲーション: subnav
フッター: footer
全ページ: コンテンツ
ヘッダー: header
footer: footer
商標: label
title: title
メインナビゲーション: mainNav(globalNav)
トップナビゲーション: topnav
サイドナビゲーション: サイドバー
左ナビゲーション: leftsideBar
右ナビゲーション: rightsideBar
フラグ: ロゴ
スローガン: バナー
メニューコンテンツ 1: menu1Content
メニュー容量: menuContainer
サブメニュー: submenu
サイドナビゲーションアイコン: SidebarIcon
メモ: note
ブレッドクラム: ブレッドクラム (つまり、ページの場所のナビゲーションプロンプト)
コンテナ: コンテナ
コンテンツ : コンテンツ
検索: 検索
ログイン: ログイン
リボンエリア: ショップ (ショッピングカート、レジカウンターなど)
currentcurrent

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

コンテンツエリア

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

main master.css
layout、layout.css
columns.css
text font.css
print style print.css
主題.css