ホームページ > 記事 > ウェブフロントエンド > [div+cssレイアウト]命名規則_html/css_WEB-ITnose
//ホームページで遭遇する可能性のあるもの
ヘッダー: ヘッダー
ログインバー: loginBar
ロゴ: logo
サイドバー: SideBar
広告: バナー
ナビゲーション: nav
サブナビゲーション: subNav
メニュー: menu
Sub -メニュー:サブメニュー
検索:検索
スクロール:スクロール
ページ本体:メイン
コンテンツ:コンテンツ
タブ:タブ
記事リスト:リスト
プロンプト情報:メッセージ
ヒント:ヒント
列タイトル:タイトル
参加:joinus
ガイド:ギルド
サービス:サービス
ホットスポット:ホット
ニュース:ニュース
ダウンロード:ダウンロード
登録:regsiter
ステータス:ステータス
ボタン:btn
投票:vote
パートナー:パートナー
フレンドリーリンク:friendLink
フッター:フッター
Copyright :copyRight
1. CSS IDのネーミング
jacket:wrap
main Navigation:mainNav subnav:subnav footer:footer
ページ全体:content
header:header
footer:footertrademark:label
title :タイトル
メインナビゲーション:MainNav (globalNav)トップナビゲーション:topnav サイドナビゲーション:sidebar 左ナビゲーション:leftsideBar 右ナビゲーション:rightsideBar フラグ:ロゴ スローガン:バナー メニューコンテンツ1:menu1Content メニュー容量:menuContainer
サブメニュー:サブメニュー
サイドナビゲーションアイコン:sidebarIcon
メモ:note
パンくずリスト:パンくずリスト(つまり、ページの場所を示すナビゲーション プロンプト)
コンテナ: コンテナ
コンテンツ: コンテンツ
検索: 検索
ログイン: ログイン
リボン領域: ショップ (ショッピング カート、レジカウンターなど)
現在の現在の
2.スタイルシートの編集時に使用できるコメントは次のように記述できます:
Footer ?>
Content area
End Footer ?>
3 .スタイルファイル名
main master.css
layout,layout.css
columns.css
テキスト font.css
印刷スタイル print.css
テーマ Themes.css