『CSSのidなんかなくなっちゃえよー＾＾＾』に対するWEB屋、システム屋さんの反応

アライユウコ @yuko985

cssのidとclassの使い分けの話、別にid=headerとかしなくても、コメント書いておけばいいじゃんとか思ってしまう私はアレなのだろうか。ぶっちゃけidの存在意義が見いだせないなう。みんなclassになっちゃえよー＾＾＾他に何かいいことあるのかなぁ

振替口座: 00550-5-52938 @akira710

@yuko985 JavaScript で使うかもしれない。 [要出典]

🐶pomu0325 @pomu0325

@yuko985 cssとかjQueryでid指定で何かする時に必要ですよ。

みゃみゅ玉子🐣 @myamyu

@yuko985 idは、cssのためにあるわけではなく、Documentのなかで唯一のモノを表すためのものなので、cssだけ考えたらclassで全然オッケーかと思います。でも、jsでなにかするときには欲しい。。。

アライユウコ @yuko985

@pomu0325 普段使いの用途だとページ内リンクくらいしか思いつかない・・・それだって代替のやりようがあるしな、とか思っちゃうとアレなんです。他に、『idがないとサイト制作やってらんねーーー』みたいなのってあるのかなあ。idがなくて死にそうな場面が思いつかない

しらとり @shiratori

@yuko985 idはjavascriptで一発で指定できるとこが良いです。

倉下 忠憲 @rashita2

@yuko985 つJavaScript

黒羊はね＠11/12-3F-F-23,24 @bsheep

@yuko985 idはページ内にひとつだけというルールがあるのでそれに合わせた最適化をされていたような気がします。ひとつで済むものをclassを使うと複数存在するために必要な余計な事をしてしまうのではないでしょうか

アライユウコ @yuko985

@myamyu ほうほう！css以外のスクリプトとかを併用するときに必要になるって感じなんでしょうか？idは上級者向けなのかなー

アライユウコ @yuko985

@akira710 @pomu0325 @myamyu @shiratori @rashita2 idはJavascript書くときに大事なのか、なるほど覚えた・・・！みなさんありがとうございますッ

アライユウコ @yuko985

@little_penguin7 @bsheep なるほど！もし1ページ内でidを2個書いちゃったら、2個目以降のid指定は無視されるってかんじなのかな・・・？

もんりぃ先生 @monry

@iwannaclose2u @yuko985 そもそも、id と class を一緒くたに扱うと混乱するお。id は要素を一意に名前付けするための属性で、class は要素に役割を付けるための属性。ただそれだけ。

もんりぃ先生 @monry

@yuko985 無視されるケースもあるし、エラーになるケースもある。その辺はブラウザの実装に依る。

アライユウコ @yuko985

ふむふむ。CSSの場合のid指定でエラーになるって、どんな挙動になるんだろう？ページ自体が表示されなくなるとかそういうクリティカルなのはさすがに起こらなさそうなイメージがある

アライユウコ @yuko985

みんなに教えてもらうと分かりやすいなあ。頂いた返事同士で疑問の補完ができて理解が進む。一人に教えてもらうのが折り紙折るような感じだとしたら、沢山の人に教えてもらうのは籠を編んでる感じ。折り紙は折っても平べったいけど、籠は編みあがると立体的に。考えが複合的に立ち上がってくるみたいだ

アライユウコ @yuko985

沢山の人にいただいたお返事を総合すると、cssのid指定は『JS書くときid指定ないと不便・id指定も使い分けができたらそれはそれで便利』と理解。初心者さんの混乱のもとになりそうだし、使い分けでぐにゃぐにゃするくらいなら最初はスルーしていいかなって気がした。乱暴なのは自覚している

倉下 忠憲 @rashita2

@yuko985 初心者の内はidとclassを使い分けできないでいいとは思うけど、どんな要素にid当てるのが「基本」なのかは憶えておかないとあとで苦労しそう。まあデザイナーを目指すなら、という事ですが。

みゃみゅ玉子🐣 @myamyu

@yuko985 むやみやたらに付けないほうがいいって意味では、上級者向けかもしれませんね。文書では、目次の飛び先がid。各章の構造を表すのがclassで、「第一章」を表すのがid…で、説明になってますか…ね？

アライユウコ @yuko985

@myamyu 分かります分かります！図にしたらもっと分かりやすそうなｗ

みゃみゅ玉子🐣 @myamyu

@yuko985 お絵描き苦手（笑）。 デザイン的に言うと、classでやるのは各章の共通のデザイン。最初の文字が大きかったり、段落は1行あけたりとか。idでやるのは、章独自のデザイン。第一章は挿絵を桃から生まれるところで、第五章は犬が団子食べてるところ・・・とかですね。

黒羊はね＠11/12-3F-F-23,24 @bsheep

@yuko985 適当にいくつかのブラウザで試してみたけど無視はされないっぽいです。多分間違えて使っちゃう人用に。ただ保証はできないですね。仕様に合わないので。

アライユウコ @yuko985

@bsheep うおお、あざっす！そうすると、CSSで実質の挙動は大体のブラウザでclassと似たり寄ったりってことになるのかな・・・。間違いだけど

黒羊はね＠11/12-3F-F-23,24 @bsheep

@yuko985 今のところそういう場合がほとんどですけど、誰も保証はできないのでやっぱりidはひとつだけ、classは複数とするべきですね。