DIV+CSS 標準の名前付きコレクション

CSS+p Web ページ (Xhtml) を開発するときに、最も混乱して複雑になるのは CSS の名前付けです。特に初心者は、場所に名前を付ける方法や最適な名前の付け方がわかりません。

命名規則の説明:

1) すべての名前には小文字を使用することをお勧めします

2) 属性の値は二重引用符 ("") で囲み、class="pcss5"、id="pcss5" のような値にする必要があります

3) 各ラベルには始まりと終わりがあり、正しいレベルがあり、レイアウトは規則的できちんとしていなければなりません

4) 空の要素には終了タグを付けるか、開始タグの後に「/」を追加する必要があります

5). パフォーマンスと構造は完全に分離されており、このコードにはスタイル、フォント、bgColor、ボーダーなどのパフォーマンス要素は含まれません。 6) 定義は、大きいものから小さいものへの原則に従い、文書の構造を反映し、検索エンジンのクエリを容易にする必要があります。

7) 各テーブルとフォームに一意の構造タグ ID を追加します

8) 画像に alt タグを追加します

9) 英語の命名原則を使用してみてください

10) 一目で理解できる場合を除いて、単語を省略しないようにしてください

Web ページの外層の重要な部分に関連した CSS スタイルの命名:

コートラップ-----------------最外側のヘッダーヘッダーに使用----------------ヘッダーメインのメインコンテンツに使用------------メイン コンテンツに使用 (中央) 左メイン-左---------------左レイアウト 右メイン-右---- ---- ---右レイアウトのナビゲーション バー ナビゲーション-----------------Web ページ メニュー ナビゲーション バーのコンテンツ-------------- -フッターに使用されますウェブページの中央本文の下部-----------------下部で使用されます

p+CSS 命名リファレンステーブル:

以下は、CSS スタイルの命名と CSS ファイルの命名、CSS 命名コレクションの参照表です:

CSS スタイルの名前付け 説明 #ラッパー ページの周囲はレイアウト全体の幅を制御します #コンテナまたは#コンテンツ 最外層に使用するコンテナ #レイアウト レイアウト #ヘッド、#ヘッダー ヘッダー部分 #フット、#フッター フッターセクション #ナビ メインナビゲーション #サブナビ セカンダリナビゲーション #メニュー メニュー #サブメニュー サブメニュー #サイドバー サイドバー #サイドバー_a、#サイドバー_b 左列または右列 #メイン ページ本文 #タグ タグ #メッセージ #メッセージ お得な情報 #ヒント ヒント #投票 投票 #フレンドリンク フレンドリーなつながり #タイトル タイトル #まとめ まとめ #ログインバー ログインストリップ #検索入力 検索入力ボックス #ホット ホットスポット #検索 検索 #検索_出力 検索出力は検索結果と同様です #検索バー 検索バー #検索結果 検索結果 #著作権 著作権情報 #ブランディング 商標

Web ページの公開命名
#ロゴ	ウェブサイトのロゴ
#サイト情報	ウェブサイト情報
#siteinfo法的	法的通知
#siteinfoクレジット	評判
#ジョイナス	参加しましょう
#パートナー	パートナー
#サービス	サービス
#登録者	登録
ar/矢印	矢印
#ギルド	ガイド
#サイトマップ	サイトマップ
#リスト	リスト
#ホームページ	ホーム
#サブページ	セカンダリページのサブページ
#ツール、#ツールバー	ツールバー
#ドロップ	ドロップダウン
#ドルメニュー	ドロップダウンメニュー
#ステータス	ステータス
#スクロール	スクロール
.タブ	タグページ
.左.右.中央	左、中央、右
.ニュース	ニュース
.ダウンロード	ダウンロード
.バナー	広告バナー(トップ広告バナー)
電子貿易関連
.製品	製品
.products_prices	商品価格
.products_description	商品説明
.products_review	製品レビュー
.editor_review	コメントを編集する
.news_release	最新商品
.出版社	メーカー
.スクリーンショット	サムネイル
.faq	よくある質問
.キーワード	キーワード
.ブログ	ブログ
.フォーラム	フォーラム

CSS ファイルの名前付け	説明
マスター.css、スタイル.css	メイン
モジュール.css	モジュール
base.css	基本的な共有
レイアウト.css	レイアウト、レイアウト
テーマ.css	テーマ
columns.css	コラム
font.css	テキスト、フォント
フォーム.css	フォーム
.css を修正する	パッチ
print.css	印刷

以上がDIV+CSS 標準の名前付きコレクションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。