# コーディング時のclass名の省略はどこまでして良いのか？「img / btn / ttl / desc / thumb」 URL: https://webrandum.net/coding-class-omission/ 公開日: 2022-03-04 更新日: 2022-03-04 カテゴリー: コーディング 出典: Webrandum（著者: サイトウ マサカズ） 自分のコードを見返したり、人のコードを見るときにclassが省略されてあったりするのと、「あ、ここは省略するけどこれは省略しないんだ」など気づきがありました。 その上で「そもそも省略するのってどうなの？」と思ったので、コーディング時のclass省略について考えてみます。 ## よくある省略例 よく見る省略は下記の通りです。 | 省略例 | 元の単語 | 意味 | | --- | --- | --- | | img | image | 画像 | | --- | --- | --- | | btn | button | ボタン | | --- | --- | --- | | ttl | title | タイトル | | --- | --- | --- | | desc | description | 説明文 | | --- | --- | --- | | thumb | thumbnail | サムネイル（アイキャッチ画像） | | --- | --- | --- | | mv | main visual | メインビジュアル | | --- | --- | --- | | fv | first view | ファーストビュー（メインビジュアルと同じ意味） | | --- | --- | --- | | sec | section | セクション（秒のsecondの場合もある） | | --- | --- | --- | | icn | icon | アイコン | | --- | --- | --- | | head | header | ヘッダー（
タグ使用時） | | --- | --- | --- | | foot | footer | フッター（