A 回答 (4件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
>同じ内容でもclassとして定義したものとidとして定義したものでは表示に違い
同じスタイルが当たっているなら「表示上の違い」は無いと思う。
#あまり恩恵を受ける機会はないけど,
#XHTMLの文書をプログラミング言語等で別なことに活用したくなった時に
#ちゃんと使い分けてあると非常に便利だろうな、という想像は付く。
この回答への補足
そうなんですか。それじゃあどちらで定義してもいいんでしょうか。一般的にidはそのページで一ヶ所だけに適使うもので、2回以上は使えないって言いますよね?classで定義したものがそのページで一ヶ所だけに使ってても問題はないのでしょうか。
補足日時:2008/07/27 03:04No.2
- 回答日時:
classとidの使い分けについては、ここの説明がわかりやすいです。
classとidの違いは表示に関しての違いというよりは、表示させるプロセスでの違いではないでしょうか。
どちらで指定しても表示に違いは出てきませんが、途中で上書きされる事などを考慮すれば重要度を意識する部分にはidを使うようになると思います。
絶対的な基準はないのでどのように使うのも問題ないと思いますが、できるだけ短く、見やすいソースになるように気を使えば良いのではないでしょうか。
No.3
- 回答日時:
idは個で、classは属性・種族です。
ページに1回でも属性ならclassを使いましょう。よく似ているので間違った使い方をされている方が多いです。JavaScriptなども視野にいれるなら、別のものと思った方がいいです。html+cssだけでも
例えば、idはname代わりに使えます。アンカーでページの途中に飛ばせます。
idとclassの指定(プロパティ)がかちあったとき、idの指定が優先されます。よく後ろの指定と思っている人がいますが、優先順位があり、その得点が同点の場合だけあとから記述したものになります。
お礼が遅れてすみません。単なるレイアウトだけではないんですね。これからのことを考えて使い分けるべきだと実感しました。ありがとうございました。
No.4
- 回答日時:
たんに表示だけの問題であればidをclassに代替することは可能でしょう
構造的には#3も指摘していますが、idをclassに変更できないモノも
多々あります。
<input type="checkbox" id="hoge"><label for="hoge">hoge</label>
なんてのもそうです。
ちなみに#3さん指摘の
<a href="#hoge">goto hoge</a><a id="hoge">hoge</a>
は「代わり」というとname="hoge"とid="hoge"のどちらでもいいように
思えてしまうかもしれませんが、name="hoge"はすでに廃止がすすんでいる
要素なのでなるべく使わないようにしましょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 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 jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- Ruby No route matches [GET] "/posts/5/destroy" 1 2022/03/24 13:00
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- その他(プログラミング・Web制作) seleniumbasic chrome操作について 1 2023/03/29 15:40
- その他(プログラミング・Web制作) pythonのWebスクレイピングでfind_allだとurlがNoneに 4 2022/04/17 18:21
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
idの中のid指定
-
サイトにjQueryが使用されてい...
-
個別にリンクの色を変える方法
-
CSSに同じclass名がいっぱい‥。...
-
clear bothで回り込みがうまく...
-
CSSを使うと<IMG>タグのHSPACE...
-
:hoverで他の要素の値を変更で...
-
外部スタイルシートで定義した...
-
ページの左右の余白(枠外)に...
-
透過背景を解除するにはどうす...
-
CSSでひとつだけdisplay:none;...
-
CSSでテキストリンクの色を複数...
-
divの入れ子を多用してページを...
-
liリストタグの背景色に色がつ...
-
正規表現の検索置換でdiv内のim...
-
CSSで、DIV#hogeという記述は何...
-
htmlのid属性って必要なの?
-
CSSのタグ「#warpper」の意...
-
最近、HTMLのヘッダーをIDで定...
-
【VBA/HTML】IE画面内のページT...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
idの中のid指定
-
CSSに同じclass名がいっぱい‥。...
-
個別にリンクの色を変える方法
-
HTML要素のid/class名の長さに...
-
最近、HTMLのヘッダーをIDで定...
-
CSS, リンクの色を一部変えるに...
-
liリストタグの背景色に色がつ...
-
CSSのクラス名・ID名の指定でワ...
-
htmlのid属性って必要なの?
-
サイトにjQueryが使用されてい...
-
スタイルシートで、id属性の中...
-
リンク文字の 一部だけ色を変...
-
外部css定義したclassをht...
-
ページの左右の余白(枠外)に...
-
<span>で2重にかけているものを...
-
CSSでテキストリンクの色を複数...
-
同ページ内でリンクの色を変え...
-
CSSが効かずどのように指定すれ...
-
display:table-cell内でこんな...
-
CSSで下まで背景色を伸ばす方法
おすすめ情報