![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
こんにちは、よく<div class"○○○○">とか<div ID=""○○○>などと記述がしてあるのですが、classとIDの違いは何でしょうか?
私はよくわからないので、全部classで書いていたのですが、やはり何かが違うからclassとIDが存在するのだろうと思ったら、気になってしょうがありません。
ちなみに全部classで書いている私は駄目なのでしょうか?
また、classとIDの決定的な違いはなんでしょうか?使用方法や正しい使い方などが存在するのでしょうか?
とりあえず現在、全てclassで定義しているのですが、特にこれといった問題は内容に思えます。
詳しい方がおられましたら、宜しくお願いいたします。
No.3
- 回答日時:
>全部クラスではやっぱり駄目ですか??
ダメということはないです。
質問者にとって特に問題もないのだろうし。
例としては、あまりよくないかもしれませんが、
例えば、
そのページの更新日付を表示している部分であるとか
そのページを書いた人であるとか
連絡先であるとか
そのページに1つしかないものがあるとして、
それに何らかのスタイルを適用したいとするときに、
CSSでid指定で書いてあれば、1つしかない部分へのスタイルの適用だと判ります。
CSSでclass指定で書いてあれば、それは、(1つかもしれないが)おそらく、複数ある部分(いわゆるカテゴリ的な区分けでの)への適用であると推測します。
スクリプト(プログラム)の場合は、もっと切実です。
<input id="result" type="text" size="10" value="">
とかあって、なんらかの結果をそこに入れようという時、
document.getElementById("result").value="結果は○○";
とかでIDによって入れる場所を特定するのですが、IDがなければ、このような方法によっては特定できません。(別の方法で特定はできるかもしれませんが、IDは1つということが前提としてあるので、IDによるアクセスができれば、そのものずばりを特定できます)
No.2
- 回答日時:
>なぜ1つしか定義ができないのでしょうか?
エレメント(タグ)を特定するためです。
>1つしか定義ができないものを何故皆さんは使うのでしょうか?
IDは、CSSでスタイルを適用する時に特定するためだけでなく、scriptからもエレメントを特定するために使われます。
また、複数のHTML文書で、特定のエレメントに特定のスタイルを統一的にほどこす場合にも、スタイルシートは、1つで良いという使い方も考えられます。
BLUEPIXYさん、度々ありがとう御座います。
しかし、私は納得が出来ません。
あえて1つしか定義できない物を使うより、沢山自由に定義できるclassを使ったほうが簡単なのではないでしょうか?
多分私は理解が出来ていないがために、この様なことを言っていると自分でも思います。
>エレメント(タグ)を特定するためです。
何のために特定するのですか?
>IDは、CSSでスタイルを適用する時に特定するためだけでなく、scriptからもエレメントを特定するために使われます。
うーん、わかりません。
全部クラスではやっぱり駄目ですか??
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Ruby No route matches [GET] "/posts/5/destroy" 1 2022/03/24 13:00
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- JavaScript 【Javascript】ボタンクリックで2つのclassに対し、それぞれ別のclassを追加したい 1 2022/07/29 20:52
- その他(プログラミング・Web制作) seleniumbasic chrome操作について 1 2023/03/29 15:40
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlのid属性って必要なの?
-
CSSを多用すると遅くなる?
-
マウスカーソルを当てた時だけ...
-
CSSのクラス名・ID名の指定でワ...
-
スタイルシートの部分的な解除
-
divの入れ子を多用してページを...
-
外部スタイルシートで定義した...
-
idの中のid指定
-
印刷用CSS IEのとき、画像が印...
-
cssでリンクの文字と画像の...
-
最近、HTMLのヘッダーをIDで定...
-
html5,css3について
-
Bootstrap3でcontainerがずれる...
-
CSSの>はどういう意味でしょう?
-
CSSで下まで背景色を伸ばす方法
-
ec-cubeのphp内の記述
-
HTMLについての質問です。
-
CSSのスタイルシート適用について
-
HTML要素のid/class名の長さに...
-
スタイルシートでデザイン
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別にリンクの色を変える方法
-
CSSに同じclass名がいっぱい‥。...
-
HTML要素のid/class名の長さに...
-
idの中のid指定
-
最近、HTMLのヘッダーをIDで定...
-
サイトにjQueryが使用されてい...
-
liリストタグの背景色に色がつ...
-
CSSのホバーエフェクト
-
ページの左右の余白(枠外)に...
-
CSS, リンクの色を一部変えるに...
-
スタイルシートで、id属性の中...
-
htmlのid属性って必要なの?
-
透過背景を解除するにはどうす...
-
外部css定義したclassをht...
-
<span>で2重にかけているものを...
-
CSSのクラス名・ID名の指定でワ...
-
子孫セレクタの読み方をおしえ...
-
Bootstrap3でcontainerがずれる...
-
CSSが効かずどのように指定すれ...
-
brにクラスをつけてcssでdispla...
おすすめ情報