- ベストアンサー
要素に固有の値を定義する属性とは？
sekibunxの回答
- sekibunx
- ベストアンサー率61% (8/13)
#1さんと#2さんで回答が分かれていますので，私も回答しておきます． 今回の問題では「固有の」値を定義するので１．<p id="lead">文章</p>が正解でしょうね． #2さんも書かれていますがidとclassは使用する回数で使い分けるわけではありません． idとclassを両方使ってもいいわけですし． #2さんの説明を流用すれば以下のようになります． <p id="sekibunx" class="japanese"></p> <p id="think49" class="japanese"></p> sekibunxとthink49はそれぞれ固有ですからidに指定します． 一方どちらも日本人というくくりですからjapaneseはclassに指定します． また，classは複数指定してもいいです． <p id="sekibunx" class="japanese male"></p> ただcssの指定で使用する場合，idでもclassでも適当で何とかなります． >実際のブラウザはidとclassを区別していないようです。 とはそのことです． javascriptのgetElementByIDなんかで意図しない挙動が起きますので，javascriptを使用する場合は厳密に使い分けてください．
関連するQ&A
- 同じ内容でもclassとidによって変わりますか？
classとidの違いは何となくわかっているのですが、同じ内容でもclassとして定義したものとidとして定義したものでは表示に違いが出るのでしょうか。やりたいことによってはここはidじゃなきゃだめだっていうようなものがありますか。
- 締切済み
- CSS
- classとIDの使い方？何が違うんでしょうか？
こんにちは、よく<div class"○○○○">とか<div ID=""○○○>などと記述がしてあるのですが、classとIDの違いは何でしょうか？ 私はよくわからないので、全部classで書いていたのですが、やはり何かが違うからclassとIDが存在するのだろうと思ったら、気になってしょうがありません。 ちなみに全部classで書いている私は駄目なのでしょうか？ また、classとIDの決定的な違いはなんでしょうか？使用方法や正しい使い方などが存在するのでしょうか？ とりあえず現在、全てclassで定義しているのですが、特にこれといった問題は内容に思えます。 詳しい方がおられましたら、宜しくお願いいたします。
- ベストアンサー
- HTML
- ＣＳＳについて教えてください。ｉｄ，ｃｌａｓｓ
<body> <div class="style1" id="header"> <div id="logo"><img src="images/banner.gif" alt="見本1"/></div> <ul id="globalNav"> <li><a href="index.html">見本2</a></li> </ul> </div> <div id="contentWrapper"> <div id="content"> <div id="primary"> ※参考書に上記の様な書き出し記述があるのですが、1.まず素人考えでコンテナの様な土台となるボックスはないと考えていいですか？ 2.ｉｄがｄｉｖに包含されいくつも出てきますが，ｉｄは一つしか使用できないため慎重にって事は無いのですか？ 固有を確定するために便利なのですか？ 3.div classのあとｉｄが使われている様に思うのですが、ｃｌａｓｓにもｉｄは使えますか？？ 的外れですみません
- ベストアンサー
- レンタルサーバ・ASP
- 【CSS】class属性とid属性の使い分けについて
ＣＳＳの勉強をしているのですが、 任意の範囲にスタイルを設定する [class属性]と[id属性]の使い分け について、どのように解釈したら 良いか、今一すっきり飲み込めません。 W3Cの定義によれば、idの場合は、一つ のHTML文書内で１度しか呼び出す事が できないことになっているようです が、たった１度しか呼び出す事の できないid属性は、どのような場合に 使ったらよいですか？ 宜しくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- p要素にclassとspanでclass適応違は？
こんにちは。 宜しくお願いいたします。 CSSで以下のコードを書いているときに、同じ結果になりました。 P要素の中にclass="pink"として書く場合と <span class="pink">としても良いと思うのですが、 P要素を使った書き方のほうが、良いのでしょうか？問題集 Webクリエーター能力検定試験初級 FOM出版にての問題でしたが、こちらでは、 P要素に記述してありました。 SEO的にも良いのでしょうか？？ <p><span class="pink">お一人様 3,000円</span></p> 違いがおわかりになられるお方がいらっしゃいましたら、宜しくお願いいたします。 失礼致します。 <p class="pink">お一人様 3,000円</p> <h2>特選コース</h2> <p>旬の味覚をふんだんに使いました。<br> ボリュームたっぷりのぜいたくなコースです。</p> <p class="pink">お一人様 4,500円</p> </body> </html>
- ベストアンサー
- HTML
- jQueryで同じid属性が複数あった場合の制御
jQueryの勉強中ですが、ちょっと躓いています。 ブロック要素の中に、同じid属性をもつ要素があった場合 二つ目の要素のみを削除するにはどうしたらようでしょうか？ 下記のようなイメージです。 <div id="test"> <p id="aaa"></p> <p id="bbb"></p> <p id="ccc"></p> <p id="aaa"></p> ←２個目の要素は削除（または非表示）にしたい。 </div> かなり困ってます・・・わかる方 教えていただけると助かります。
- ベストアンサー
- JavaScript
- 最近、HTMLのヘッダーをIDで定義（id="header"）しているサイトが多いですが、なぜclassでなくIDで定義するのでしょうか？
最近、CSSレイアウトを採用しているサイトの多くが、HTMLページのヘッダー部分やフッター部分をIDで定義（id="header"、id="footer"）しています。 私は、IDというと、例えば身近には、住所や電話番号、免許書番号や銀行の口座番号等の、多くの場合は連番を用いた固有な値を使用するイメージがあります。 ところがHTMLでは、IDの値にheaderやfooter、さらにはwrapperやcontainer等の、通常ならIDの値として相応しくないような一般的な名詞が頻繁に使用されています。 classの値であれば、そのような一般的な名詞もうなづけますし（というよりclassに固有な値は逆に奇妙かも）、スタイルシートを適用するだけなら、classだけでも十分可能だと思いますが、なぜIDを使用するのでしょうか？とても不思議です。
- ベストアンサー
- HTML
- css classとidの使い方
あの、<p></p>内の文をclassを使ってitalicに、<span>内をidを使ってbold,色は赤にしたいのですが。変わりません。どこを直したら良いでしょうか？よろしくお願いします。 <HTML> <HEAD> <LINK href="global.css" rel="stylesheet" type="text/css"> <TITLE>About Me</TITLE> </HEAD> <BODY> <H1>About Me</H1> <IMG src="MyPic.png" alt="MyPic" height="150" width="100"> <DIV class="profile"> <p>My name is blahblah.<br> I am a <SPAN id="attention">Good</SPAN> Student.<br> </p> </DIV> </BODY> </html> global.cssの内容 .profile{font-style: italic} #attention { font-weight: bold; font-style: italic; color: red }
- ベストアンサー
- HTML
- idとclassで表示が変わる
お世話になります。 HPで以下のようなページを製作中です。 ---------------------------------- Name1 photo 説明文説明文説明文 説明文説明文説明文 Next ---------------------------------- Name2 photo 説明文説明文説明文 説明文説明文説明文 Next ---------------------------------- 画像のように作れないのでわかりにくいかと思いますが、図のように 左にサムネイル画像があり、右側に写真の名前、その下に説明文、 一番下に「次へ」というボタンがきます。 1PにこのBOXが縦に5個ずつ並ぶようにしたいのですが、HTMLとCSSはこのような感じで作っています。 ----------------------------------------------------- <div id="box"> <a href=""><img src="name1.jpg" alt="写真1" width="132" height="90" class="leftimg" /></a> <h2>Name1</h2> <p>説明文説明文説明文説明文説明文説明文説明文説明文説明文<br /> <a href=""><img src="next.gif" alt="次へ" width="110" height="20" class="rightimg" /></a></p> </div> ----------------------------------------------------- #box { clear: both; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; padding: 5px; width: 620px; height: 95px; } #box h2 { color: #4A111C; font-size: 12px; margin: 0px; padding: 0px; background-color: #FFFFFF; } #box p { font-size: 12px; margin: 0px; padding: 0px; } --------------------------------------------- 今はこの5つをidとしていますが、1ページに同じidをつけるのはまずいかと思い、div classに変更しようとするのですが、idで指定したときと同じような表示になりません。 classの場合は#の代わりに以下のようにドットに変更すれば同じ表示になるのかと思っていましたが違うのでしょうか？ .box { ちなみに、本によっては1ページに同じidを何度か繰り返して使っているものもありますが、idのままでもかまわないのでしょうか？ このソースでおかしい場合はご指摘いただけると助かります。 よろしくお願い致します。
- ベストアンサー
- HTML
お礼
遅くなりましたが、回答有り難うございました。 最新の回答にて総括的なお礼・感想を述べさせていただいております。 本来ならきちんと一人一人お礼をすべきなのですが申し訳ありません。