SEO_html/css_WEB-ITnose に有益な div+css 命名規則

WBOY
リリース: 2016-06-24 12:31:11
オリジナル
1207 人が閲覧しました

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

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

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


コンテンツエリア


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

Main master.css
レイアウト、layout.css
columns columns.css
text font.css
print style print.css
Strategies.css

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート