div+css 命名規則の完全なリスト

1. 命名規則の説明: - TOP

1)、すべての名前は小文字にする必要があります
2)、属性の値は二重引用符 ("") で囲み、class= のような値を指定する必要があります。 divcss5 ",id="divcss5"
3)、各タグには開始と終了があり、正しいレベルが必要で、レイアウトは規則的できちんとしていなければなりません
4)。空の要素には終了タグが必要です。開始タグ「/」の後に追加されます
5)、パフォーマンスと構造は完全に分離されており、コードにはスタイル、フォント、bgColor、border などのパフォーマンス要素は含まれません
6)、< の定義;h1> から

に従う必要があります。大きいものから小さいものへの原則は、ドキュメントの構造を反映しており、検索エンジンのクエリに役立ちます。
7)、各テーブルとフォームに一意の構造タグ ID を追加します
8)、画像に alt タグを追加します
9)、英語の命名原則を使用するようにしてください
10)、一目瞭然でない限り、省略しないようにしてください一目で理解できる言葉
DIVCSS5 では、一般的な CSS 命名方法と DIV CSS 命名方法が導入されています。
2. Web ページの外層の重要な部分の CSS スタイルの名前付け: - TOP

コートラップ ------------------最外層
ヘッダーに使用 - --- -------------頭
メインコンテンツmainに使用 ----------------メインコンテンツ(中段)
mainに使用-左 ----- --------左レイアウト
右メイン-右 ----------右レイアウト
ナビゲーションバー ナビ ------------- -- --Web ページのメニュー ナビゲーション バー
コンテンツ --------------- Web ページの中央の本文に使用されます
下部のフッター ------------ --- 使用 下部
の 3 つ、DIV+CSS 命名リファレンス テーブル: - TOP

以下は、CSS スタイルの命名と CSS ファイルの命名リファレンス テーブル、DIV CSS 命名コレクションです:

#submenu#sideBar#sidebar_a、#sidebar_b#main #tag#msg #message#tips#vote#フレンドリンク #title#summary#loginbar#searchInput#ホット# search#search_output#searchBar#search_results# copyright#branding#logo#siteinfo#site info法的#siteinfoCredits #ジョイナス#パートナー#サービス#登録者arr /arrow#ギルド#サイトマップ#リスト#ホームページ#subpage#ツール、#ツールバー#ドロップ#ドルメニュー#ステータス#scロール. タブ.left .right .center.ニュース.ダウンロード.バナー電子貿易関連productsproductprice商品説明products Review.editor_review.news_release.publisher.スクリーンショット.faq.keyword.blog.forum

CSS スタイルの命名	手順
Web ページの公開名
#wrapper	ページの周囲がレイアウト全体の幅を制御します
#container または最外側の #content	container
#layout	レイアウト
#頭、 # #足
submenu
sidebar
leftまたは右側のサイドバー
ページ本文
tag
tips
tips
投票
フレンドリーな接続
title
summary
ログインバー
検索入力ボックス
人気ホットスポット
search
検索出力は検索結果と似ています
検索バー
検索結果
著作権情報
trademark
ウェブサイトのロゴ
ウェブサイト情報
法的通知
評判
参加してみませんか
パートナー
サービス
登録
arrow
ガイド
サイトマップ
リスト
ホームページ
2番目のページのサブページ
ツールバー
ドロップダウン
ドロップダウンメニュー
ステータス
ロール
タブページ
左、中、右
ニュース
ダウンロード
広告バナー (トップ広告ストリップ)
	.products
	.products_prices
	.products_description
	。 products_review
編集者のレビュー
最新の製品
Producer
サムネイル
よくある質問
keyword
blog
forum

テキスト、フォントフォーム。 formmend.csspatchprint.cssprint

CSSファイルの名前	説明
master.css、style.css	Main
module.css	Module
base.css	基本的に共有します
layout.css	レイアウト、レイアウト
主題.css	主題
columns.css	列
font.css

CSSスタイルの命名説明
Webページのパブリック命名
#wrapperページ周辺制御 全体のレイアウト幅
#コンテナまたは、最外層に使用される#コンテンツコンテナ
#layoutレイアウト
#head、#headerヘッダーパート
#foot、#footerフッターパート
#navプライマリナビゲーション
#subnavセカンダリナビゲーション
#menuメニュー
#submenu Submenu
# SideBar サイドバー
#sidebar_a, #sidebar_b 左または右の列
#メインページ本文
#タグラベル
#msg #メッセージプロンプト情報
#ヒントヒント
#投票投票
#フレンドリンクフレンドリーコネクション
#タイトルタイトル
#概要概要
#loginbar ログインバー
#searchInput 検索入力ボックス
#ホットホットスポット
#検索検索
#search_output 検索出力と検索結果は類似しています
#searchBar 検索バー
#search_results 検索結果
#copyright 著作権情報
#branding 商標
# logo ウェブサイトのロゴ
#siteinfo ウェブサイト情報
#siteinfoLegal 法的声明
#siteinfoクレジット 評判
#joinus 参加してください
#partner パートナー
#service サービス
#regsiter 登録
arr/arrow Arrow
#guild Guide
#sitemap サイトマップ
#listリスト
#homepage ホームページ
#subpage セカンダリ ページ サブページ
#tool, #toolbar ツールバー
#drop ドロップダウン
#dorpmenu ドロップダウン メニュー
#status ステータス
#scroll スクロール
.tab タグ ページ
.left .right .center Left 、中央、右
.news ニュース
.download ダウンロード
.banner 広告バナー (上部広告バナー)
電子貿易関連
.products 製品
.products_prices 製品価格
.products_description 製品説明
.products_review 製品レビュー
.editor_review 編集者レビュー
.news_release 最新製品
.publisher メーカー
.screenshot サムネイル
.faqs よくある質問
.keyword キーワード
.blog ブログ
.forum フォーラム
CSS ファイルの命名 説明
master .css、style.css メイン
module.css モジュール
基本的にbase.cssは共有です
layout.cssレイアウト、レイアウト
主題.cssテーマ
columns.css列
font.cssテキスト、フォント
forms.cssフォーム
修正.cssパッチ
print.css印刷
CSSのその他の指示名前付け:
DIV+CSS 名前付けの概要: 記号で始まる名前を選択するのに「.」(小文字のピリオド) を使用するか、記号で始まる名前を選択するのに「#」(シャープ記号) を使用するかは問題ではありませんただし、メイン、重要、特別、および最も外側のボックスの名前は「#」 (ポンド記号) の選択記号で始まり、その他のボックスの名前は「.」 (小文字のピリオド) の選択記号で始まることに従うとよいでしょう。 HTML で呼び出しを再利用するには、名前付き CSS セレクターに名前を付けることも検討してください。
通常、最も一般的に使用されるメイン名は次のとおりです:wrap (コート、最外層)、header (ヘッダー、ヘッダー)、nav (ナビゲーション バー)、menu (メニュー)、title (列タイトル、通常は h1h2h3h4 タグで使用されます)
、content (コンテンツ領域)、フッター (フッター、下部)、ロゴ (ロゴ、h1 タグで使用可能)、バナー (広告バナー、通常は上部)、copyRight (著作権)。その他は必要に応じて選択して使用できます。
DIVCSS5 の推奨事項: メイン、重要、および最も外側のボックスには「#」 (ポンド記号) 選択記号で始まる名前を付け、その他のボックスは「.」 (小文字のピリオド) 選択記号で始まる名前を付ける必要があります。
2. CSS スタイル ファイルの名前は次のとおりです

main master.css

layout、layout.css
columns.css
print style print.css
主題.css
4. 英語の命名スキル: - TOP

一般的に使用されていないものに遭遇した場合は、翻訳ツールを使用して翻訳し、英語の名前を付けることができます。

Googleオンライン翻訳ツールの使用をお勧めします:

以上がdiv+css 命名規則の完全なリストの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。