div+css_html/css_WEB-ITnose の命名規則

前回、他の人に div の効果を示したとき、CSS スタイルを書いたのですが、レンダリングできませんでした。最後に、CSS スタイルを書いているときに、クラスに a で始まる名前を付けていたことに気づきました。去年学んだばかりだったことを思い出し、CSS の名前は数字で始めるべきではなく、文字で始める必要があると最終的に解決しました。

以下は: CSS 命名規則

XHTML-CSS の記述では、xhtml コードのすべての小文字属性の値を二重引用符 ("") で囲み、各タグに値を含めることをお勧めします。空の要素には終了タグを付けるか、開始タグの後に「/」を追加する必要があります。コードにはスタイルやフォントなどのパフォーマンス要素は含まれません。 、bgColor、border。

から

までの定義は、大きいものから小さいものへの原則に従い、ドキュメントの構造を反映し、検索エンジンのクエリを容易にする必要があります。 各テーブルとフォームに一意の構造タグ ID を追加します。次のようなコメントを追加します。 alt タグを画像に追加します。すべてのタグは、ルート要素の前にその使用を宣言する必要があります。 DTD ルート要素には、http://www.w3.org/1999/xhtml の名前空間を指定する xmlns 属性が必要です。

CSS スタイル シートの仕様: ID とクラスの名前付けには、英語の単語またはセクションの組み合わせを使用します。単語は小文字、2 番目の単語の最初の文字は大文字にする必要があります。例: newRelease (最新製品/new+Release) CSS スタイル シートの各ブロックを説明するためにコメントを使用する必要があります。コメントを使用せずに英語の命名規則を使用するようにしてください。ダッシュやアンダーラインを追加し、一目で理解できる単語を除いて省略しないようにしてください

CSS の命名規則

仕事の都合上、この期間に CSS の命名についていくつか調査しました。ドキュメントやその他の仕様をよりわかりやすく、理解しやすいものにしたい。

DIV CSS 名の説明 Web サイトの公開関連 ヘッダーセクション メインまたはグローバルナビゲーション div #mainNav メインナビゲーションメニュー#menu メニューサブメニュー#submenu サブメニュー左側または右側の列 #sidebarA、#sidebarB 左または右列メイン div #main ページ本体コンテンツ div #content コンテンツ セクション メイン コンテンツ領域#contentMain メインコンテンツエリア フッター div #footer フッター セクションタグ #tag tagメッセージ #msg #message プロンプトメッセージヒント #tips ヒント投票#vote 投票友達リンク#friendlink 友達リンクタイトル #タイトルタイトル概要#概要概要サブナビゲーションリスト#subNav サブナビゲーション検索入力#searchInput 検索入力ボックス検索Output 検索 検索結果 正しい情報をコピー ブランドbranding-logo サイト情報 著作権情報等 デザイナーまたはその他のクレジット 参加してくださいパートナーシップの機会サービス 登録者ステータス 電子取引関連製品 製品の価格製品の説明製品レビュー編集者のレビュー 新しいリリース出版社スクリーンショットFAQ キーワードブログフォーラム。フォーラムフォーラム

コンテナ div	#container	Container
ヘッダーまたはバナー div	#header
#searchOutput	検索出力は検索と似ています結果
#search	search
#searchResults	検索結果
#copyright	著作権情報
#ブランディング	商標
#brandingLogo	LOGO
#siteinfo	ウェブサイト情報
#siteinfoLegal	法的通知
#siteinfoCredits	評判
#joinus	参加してください
#パートナー	パートナー
#service	サービス
#regsiter	登録
#status	ステータス
.製品	製品
.products価格	製品価格
.products説明	製品の説明
.productsレビュー	製品レビュー
.editorReview	編集者のレビュー
.newsリリース	最新の製品
.publisher	プロデューサー
.スクリーンショット	サムネイル
.faq	FAQ
.keyword	キーワード
.blog	ブログ