phpcms v9 テンプレート作成チュートリアル (4)

1. DIV タグの標準化された記述を開発する



検索エンジンの最適化 (SEO) では、コードの最適化も重要なステップです。 SEO 仕様に準拠するために、現在一般的な CSS+DIV 命名規則は次のとおりです:

DIV ID 命名

ヘッダー: header

ログイン バー: loginBar

ロゴ: logo

サイドバー: SideBar

広告:banner

navigation:nav

sub-navigation:subNav

menu:menu

submenu:subMenu

search:search

scroll:scroll

page body:main

content:content

ta b : タブ

記事リスト:list

プロンプト情報:msg

ヒント:tips

列タイトル:title

フレンドリーリンク:friendLink

フッター:footer

参加:joinus

ガイド:ギルド

サービス:サービス

ホットスポット:ホット

ニュース:ニュース

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

登録:登録者

ステータス:ステータス

ボタン:btn

投票:投票

パートナー:パートナー

著作権:コピーライト

CSS IDネーミング

ジャケット: ラップ

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

サブナビゲーション: subNav

フッター: フッター

ページ全体: コンテンツ

ヘッダー: ヘッダー

フッター: フッター

商標: ラベル

タイトル: タイトル

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

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

左ナビゲーション: leftsideBar

右ナビゲーション: rightsideBar

ロゴ: ロゴ

スローガン: バナー

メニュー1コンテンツ: menu1Content

メニュー1容量: menu1Container

サブメニュー: submenu

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

メモ: note

パンくずリスト: ブレッドクラム (ページの場所を示すナビゲーションプロンプト)

コンテナ: コンテナ

コンテンツ: content

検索: 検索

ログイン: ログイン

リボン: ショップ (ショッピングカート、レジカウンターなど)

現在の現在の

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

サイト全体のラベルのデフォルトスタイル: general.css または global.css

レイアウトデザインスタイル: layout.cssまたはcontainer.css

共通スタイル(テキスト、フォームなど): style.css

列/チャネルスタイル: columns.css

印刷出力スタイル: print.css

テーマテンプレートスタイル:テーマ.css

上記は phpcms v9 テンプレート作成チュートリアル (4) の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (m.sbmmt.com) をご覧ください。