- ベストアンサー
HTMLのidについて
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
異なるページであれば同じidを使ってスタイル指定するのは問題ありません。
関連するQ&A
- HTMLについていくつか質問です。
調べてもいまいち納得のいかなかった疑問がいくつかあり、質問します。 １、空のdivが悪い、良くないとよく言われますが、どの解説見ても、理由もなしにグループ化のためのタグなのでルール違反やあり得ないと書かれているだけで、全く理解できません。 SEO的に問題があるとか、どの観点からどのようによくないのか理由を教えていただきたいです。 ２、<div id="" class="" >といったタグの例を見たのですが、これは単純に、すでにcssに設定されているidやclassを混合して使い、いちいち混合したcssを書かなくてよいために使われるのでしょうか。 ３、空のdivの問題に当たった切っ掛けなのですが、どうしても一括で背景を変えたいために、また自由度のためにcssで背景指定のみのdivを、例えば<div id="back" style="float:right; background-image:url(○○.jpg);"></div>をおいておきたいのですが、この場合どうしても空のdivができてしまします。 間に背景と同じ画像の<img >を入れるというのは無しででお願いします。 これは一括で背景を変えたいという目的もありますが、あとからdivの間に文字やリンクをいれるかもしれない（ずっと入れない可能性もある）ために、このような後のdivけん、今のデザインのための画像を置いておこうと考えています。 空のdivで納得するべきか、他のタグで代用できるでしょうか。 どれか１つでもお答えくださると助かります。 回答よろしくお願いします。
- ベストアンサー
- HTML
- cssのidとclassの違いについて
cssのidとclassの違いについて ホームページ作成でcssを指定するとき、同一ページ内に1つしか指定しない場合はidを使用し、同一ページ内に複数指定したい場合はclassを指定しているのですが、使い方はあってるのでしょうか？ 独学なゆえ間違った使い方をしているのかなぁと思い質問してみました。 もし間違っていたら正しい使い方を教えてください。またidとclassの意味の違いも一緒に教えていただければうれしいです。
- ベストアンサー
- HTML
- 実務でＩＤとclassの使い分け方法
現在ＣＳＳを勉強中です。 classセレクタを使うとＣＳＳの指定が同じタグでもそれぞれ違う デザインが指定できて非常に使えるなぁと思ってます。 例えば、一方のＨ１タグの文字の色を青にしてもう一方のＨ１タグの 色を赤にしたりすることが可能です。 しかし、ＭｄＮを見てみるとよく外部ＣＳＳファイルに「＃○○」、 bodyタグ内にＩＤを指定してデザインを適用する使い方が多くを 占めていました。 このＩＤを使うときは、ページが縦に長いときに印をつけて、ページ内の指定位置へリンクするという使い方だけだと私は思っていました。 classではなくＩＤをよく使う理由はなんなのでしょうか？？ みなさまよろしくお願い申し上げます。
- ベストアンサー
- HTML
- HTML構造の作り方
HTMLを書くときにidの中に複数のclassやidを入れることがあると思いますが、うまくいきませんでした。 アメーバブログのフリースペースにHTMLを書いて、それをCSSで編集するようにしています。 ■私の書いたコード <div id="footerArea"> <div class="footerMenu">...</div> <div class="footerInArea"> <dl class="mobile"> <dd class="qrCode">...</dd> </dl> <p class="copyright">...</p> </div><!--//footerInArea--> </div><!--//footerArea--> このようなコードを記述して、CSSで装飾して添付画像のようなHTML構造を作ろうと試みたのですが、GoogleChromeの要素検索で調べてみると領域がきいてませんでした。 具体的には.footerMenuが高さ0px。 .footerInAreaは.footerMenuを含まない領域なはずなのに含んでいる。 dl.mobileとdd.qrCodeがなぜか.footerMenuや.footerInAreaを含む要素になっている。 原因がわからずにいます。 ブログはこちらです。 http://ameblo.jp/3800millionbp/ どのようにしたら構造がしっかりと決まりますでしょうか？ HTML構造の作り方もかねてご教授いただけると幸いです。
- ベストアンサー
- HTML
- スタイルシートで、id属性の中にclass指定をすることはできますか？
CSSで、id属性の中にclass指定をすることはできますか？ 現状は、divタグを使って、ヘッダー、メイン、フッターと分けているのですが、メインのところで #main.hoge{ #main .hoge{ とも動きませんでした。なんとなく間違っている指定なのかなとはおもうのですが、id属性で細かく分けた中をclassで指定したい場合、単に.hogeで十分機能するのですが、id属性の中をclassで指定したい場合、皆様はどのようにされてみえるのでしょうか。
- ベストアンサー
- HTML
- bodyにidをつける理由は何ですか？
お世話になっています。 スタイルシートを勉強している者です。 いろいろなサイトのソースを見て疑問に思ったんですが、 下記のようにbodyタグにidやclassをつけているサイトがありました。 <body class="indexPage"> トップページにidを指定し階層ページには指定しないサイトもあれば、 トップページ、階層ページともそれぞれidを指定しているサイトもありました。 あとはどちらにもつけていないものもありました。 bodyにつけるスタイルは何が目的なんでしょうか？ 背景画像でしょうか？ ならば<body>下の<div id="wrapper">に指定すればいいのかなぁと思ったんですが… 何が利点なのか教えてください。。 よろしくお願いします！
- ベストアンサー
- HTML
- このHTMLとCSSの構造を教えてください！
http://www.apple.com/jp/downloads/ この中の下のほうにある「注目のダウンロード」の中にある部分(QuickCopyやAppleトレーニング Widgetなどのレイアウトです)を作ろうと思うのですが、自力ではうまく作れません。 divの後には普通idがきて、そして“"で指定をすればこのページだと6つのidが必要になるとおもうのですが、アップルのソースを開いてみると<div class="column first">というように idを指定せずにいきなりclassをかけるやり方になっています。 自分は初めて見たのでどうなっているのかよくわかりません(初心者なもので…)。 CSSを含め、どのようになっているのか分かる方いましたら回答お願いします！
- 締切済み
- HTML
- id class
過去問で http://personal.okwave.jp/qa2460757.html と同じ質問なのですが、こういうふうに考えてもいいでしょうか？ １．id は使わず、class だけを使っていれば問題はない。 また、 ２．id は同じページ内では１箇所とありますが、 div#input {・・・・・} と指定して、<div id="input"></div> という箇所を何箇所も指定していますが、何の問題もなく表示されています。 これはどういうことでしょうか？ よろしくお願いします。
- ベストアンサー
- その他（プログラミング・開発）
- 指定したidやclass以外の要素を指定するには
cssで特定のidやclassを持った要素を指定することは常識ですが 指定したidやclass以外の要素を指定する方法はありますか？ 例えば#mainというidを持ったdiv要素を除いた全てのdiv要素を指定するなど。 本来は共通のクラスを割り当てるのが正しいやり方だと思いますが、、、
- ベストアンサー
- CSS
- ■divにid指定して子供タグに適応(ソース付)
みなさん、よろしくお願いします。 上の段と下の段を表示上同じ結果にしたいと思います。 現在、上の段のようにdivタグ以下の全てのタグに、GrayMojiを 指定しています。 本番のソースでは、これが大量にあるので、簡潔に書きたいと思っています。 そこで、下の段のように、１つだけidを指定しただけで、divタグに含まれている 全タグにGrayMojiを適応させたいと思っています。 でも、このソースでは、同じ結果が得られません。 どのようにすれば、良いかアドバイスをいただけないでしょうか。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> <!-- a:link{ color: #0033EE;} #GrayMoji {color: #666666;} --> </style> </head> <body> <div> <a id="GrayMoji" href="main/about.html">div-AタグClass</a> <p id="GrayMoji">div-pタグClass</p> </div> ------------------------------------ <div id="GrayMoji"> <a href="main/about.html">divタグClass-A</a> <p>divタグClass-p</p> </div> </body> </html>
- ベストアンサー
- HTML
お礼
ありがとうございました。 モヤモヤしていましたが、すっきりしました。