CSSのクラス名でよく使う単語まとめ
2021/12/01
オススメの命令規則
-
単語はハイフンで繋ぐ
(例: header-color)
-
アンダースコアやキャメルケースは使わない
(例: header_color、 HeaderColor)
-
できる限り省略形は使わないようにする
× txt、ttl、cap → ○ text、title、caption
コンテナ関連
| container |
入れ物 |
| wrapper |
包むもの |
| top |
トップ |
| home |
ホーム、トップページ |
| head |
頭 |
| foot |
足 |
| section |
セクション |
| article |
記事 |
| content |
コンテンツ、文書の内容 |
| group |
グループ |
| area |
領域 |
| box |
箱 |
| item |
アイテム、項目 |
レイアウト関連
| layout |
レイアウト |
| list |
リスト、一覧 |
| table |
テーブル、表 |
| row |
列、横並び |
| column |
行、縦並び |
パーツ関連
| logo |
ロゴ |
| navigation、nav |
ナビゲーション |
| menu |
メニュー |
| tab |
タブ |
| accordion |
アコーディオン |
| button |
ボタン |
| topicpath |
パンくず |
| timeline |
タイムライン、時系列に並べたリスト |
| date |
日付 |
| time |
日時 |
| advertising、ad |
広告 |
| banner |
バナー |
| copyright |
コピーライト |
コンテンツ内容
| news |
ニュース |
| information、info |
インフォメーション |
| event |
行事、出来事 |
| history |
ヒストリー |
| concept |
コンセプト、構想、概念 |
| company |
会社 |
| shop |
店舗 |
| tel |
電話 |
| adress |
住所 |
| access |
交通手段 |
| cart |
カート、購入するアイテムを一時的に保管する場所 |
| payment |
支払い |
| privacy |
プライバシー |
| policy |
ポリシー |
| contact |
お問合せ |
| faq |
よくある質問 |
| index |
インデックス、索引 |
| sitemap |
サイトマップ |
見出し関連
| title |
見出し、タイトル |
| heading |
見出し |
| caption |
見出し |
| catch |
キャッチ、興味を引く |
| table-of-contents、toc |
目次 |
| introduction、intro |
前置き、導入 |
| description、desc |
説明、概要 |
| features |
特徴 |
| detail |
詳細、細部 |
| summary |
要約 |
画像・動画関連
| image、img |
画像 |
| photo |
写真 |
| picture、pic |
写真 |
| hero |
キービジュアルとなる大型の画像 |
| carousel |
画像をスライドさせて切り替えるインターフェイス |
| figure |
図形 |
| thumbnail |
サムネイル |
| icon |
アイコン |
| map |
地図 |
| video |
ビデオ、映像、動画 |
| movie |
映像、動画 |
フォーム関連
| post |
ポスト、投稿 |
| optional |
任意 |
| required |
必須 |
| caution |
注意 |
| warning |
警告 |
| label |
ラベル、付箋 |
| key |
キー、符号 |
| value |
値 |
| submit |
送信 |
| reset |
リセット |
| search |
検索する |
| confirm |
確認する |
| complete |
完了 |
| finish |
完了 |
| entry |
登録 |
| register |
登録 |
| save |
セーブ、保存 |
| overwrite |
上書き |
| draft |
下書き |
| delete |
削除 |
| login |
ログイン |
| logout |
ログアウト |
Javascript関連
| show |
見せる |
| appear |
現れる |
| hide |
隠す |
| hidden |
隠された |
| current |
現在の |
| active |
アクティブ、活動中 |
| selected |
選ばれた |
| disabled |
無効になっている |
| open |
開く |
| close |
閉じる |
| scrolled |
スクロールした |
| mask |
マスク、覆い隠す |
| overlay |
オーバーレイ、かぶせる、上書きする |
その他
| main |
メイン、主要な |
| primary |
主要な、最初の |
| secondary |
第二の |
| tertiary |
第三の |
| small |
小さい |
| midium |
中間の |
| large |
大きい |
| common |
共通の |
| global |
全体的な |
| local |
局所的な |
| about |
～について |
| related |
関連のある |
| recommend |
オススメ、推奨 |
| more |
もっと多くの |
| next |
次の |
| previous、prev |
前の |
