【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル

SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSやJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、WebプログラマやWebデザイナにとって欠かすことができないスキルであり、悩ましいところでもある。 How To Compose HTML ID and Class Names like a RockstarにおいてMeitar Moscovitz氏がidやclassの名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次

[t1033]

結構なにいじってるかわかんなくなる

[nakagaw]

大文字と小文字ハイフンを一緒くたにして使い分ける発想はなかった

[itboy]

わかりやすい名前を付けるというのはもっともなんだけど、たまにこんなに長いClass名定義していいのだろうかって不安になったりする

[alucari]

コーディング規約とかそういうの参考

[bartleby0911]

HTMLのidとclassでいい名前をつけるテクニック

[tamai0911]

HTMLのidとclassでいい名前をつけるテクニック

[Soraneko]

HTMLのidとclassでいい名前をつけるテクニック

[bmid2009]

css

[harupin221]

HTMLのidとclassでいい名前をつけるテクニック

[caquu]

idはUCC、classはLCC。idはURIとして利用することも意識しておく。記号はネスケで嫌な記憶あるから使わない。

[yuimoke]

「命名した名前の妥当性をチェックする方法としては、「その要素を文章だと思って音読する」という方法」なるほどー

[deep_one]

ブックマーク数を見て、みんな悩むんだなぁ、と思った。／IDとかケースセンスとは限らないのか。All CSS style sheets are case-insensitive, except for parts that are not under the control of CSS. http://www.w3.org/TR/2008/REC-CSS2-20080411/syndata.html

[rdfrk]

こういうセンスを持ってる人のソースコードは読みやすい。 Reading: 【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル

[crea555]

[HTML/CSS]

[hatakazu93]

技術

[b4takashi]

これは毎回悩む．今のサイトもハイフンとアンダーバーが混じったりしていてカッコ悪いんだよなあ．

[lliorzill]

ノリで付けてると後で読むとき本当痛い目に遭うよなあ…

[bebit]

プログラムの命名規則と一緒だなぁ…。

[diveintounlimit]

ハイフンもアンバーも過去に何度も実装状況に微妙な差を見てきたので、あんまし使わないほうが良いかも。あとブラウザによっては大文字小文字を区別してくれないものもあったし。基本的にはキャメルケースでやってる

[adsty]

名前を考える段階でいくつかの質問を自分に投げかけることで、どのように命名すべきかを明らかにする効果がある。

[rizenback000]

ハイフン(-)よりアンダーバー(_)のほうが好き。トリプルクリックした時とか、Ctrl+Shift+左右したときに全部選択してくれる。ただ、ハイフンのほうがなんかカッコイイよね。

[handlename]

わかりやすい名前をつけようとすると、どうしても長くなる…

[kimura_m_29]

【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル

[asagi29]

【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル

[chobi2001]

「一瞥しただけでその要素が何をするものかがわかるidやclassの名前をつける」

[o_hiroyuki]

idとclass名の付け方

[superbrothers]

ずっとこれに悩んでたけど、此処見てもよくわかんないよ

[ku_marin]

これは良記事。いつも変な名前つけるからなー。細かいとこは何つけようか迷うし。

[tpex_ovon]

用途を英語に直してつけようとするけど、その英単語がマイナー/長すぎてさらに悩む。結局日本語にしてカッコワルイ。

[ichiroc]

命名規則というのは様々な所で重要ですな。