- ベストアンサー
divタグ（span）についての質問です。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
id属性はHTML、XHTMLともに必須ではありません。 ただし、id名を付けるのであれば、同一ドキュメントにおいて他要素のid名と重複してはいけない決まりとなっています。
関連するQ&A
- 【CSS】div や span でクラスやIDを使わない
簡潔に質問させていただきます。 div や span でスタイルを適用する際、 不要であればクラスやIDを省くことは文法として間違っていますか？ 要は、<div>テキスト</div> <span>テキスト</div> これだけです。 (スタイルは親要素＆セレクタで指定しています) 単なる要素として考えれば問題ないと思いますが、 そもそも単体では意味の無い要素なのでどうなのでしょうか。 尚、ブラウザ(IEとFireFox)では問題なく適用されてました。 色々情報を検索しましたが良い結果が得られませんでしたので、 ご存知の方、ご教授お願いいたします。
- ベストアンサー
- HTML
- <div id="AA">の時、<form id="BB">内のselect要素などすべての要素をdisableにしたい。
▼次のようにページ内のdivタグのidの名前によって、formタグ内の要素をdisableにすることはJava scriptによって可能でしょうか？ <div id="AA">のとき、別の場所にある<form id="BB">内のselect要素などすべての要素をdisableにする。 また同時に、id="BB"に指定したスタイルシートの記述を書き換えることは可能でしょうか？ 何かよい方法をご存知でしたら教えてください。よろしくお願いいたします。
- ベストアンサー
- JavaScript
- <DIV>タグは何の略ですか？
何の略か教えてください。 あと、<SPAN>タグはどういう意味ですか？英語の「期間」とかいう「span」と関係していますか？ もしよければ、インライン要素とブロック要素の違いを簡単に説明していただければ嬉しいです。
- ベストアンサー
- HTML
- CSSでのdivタグに付いての質問です。
現在HTMLを学習し始めたばかりで困惑しております。 HTML内の<body>タグ内に<div>タグを作りidを"main"としました。 具体的には<div id="main">Main</div>と記述しました。 そこからCSSで#main {color: red;} と記述しましたが、文字色の変更が全く反映されない状態です。 他の<p>タグや<h1>タグ、また<body>タグは全て奇麗に反映されるのに<div>だけが全然ダメな状態です。 一体何が原因なのか教えて下さい。 初心者すぎる質問だと思いますが、どうぞよろしくお願い致します。
- ベストアンサー
- HTML
- floatさせたdivタグを折り返させたくない
Javascriptで開いた子ウィンドウ内のページについて レイアウトで困っております。 以下のようなブロック要素の配置について <div> <div style="float; left"> コンテンツA </div> <div style="float; left"> <div> コンテンツB </div> <div> コンテンツC </div> </div> <div style="clear: both"> </div> 以上のような配置になっており、 コンテンツ３の中身をJavascriptで書き換えています。 その際、コンテンツCの横幅が変動し右に大きく広がる場合があります。 それにより、ウィンドウサイズによってはコンテンツBCがコンテンツAに回りこんでしまいます。 何故こうなるかは理解出来るのですが、対策が思い浮かびません。 ●思いついたが避けたい対応策 ・親のdivタグに想定出来る最大値のwidthを設定する ・tableタグによるレイアウト 良い対応策はございませんでしょうか？ よろしくお願いします。
- 締切済み
- HTML
- 画像はDIVタグとPタグの両方で囲むの？
クラブのホームページを作っているんですが 分からない事がありますので質問させていただきます。 勉強している本で画像もPタグで囲むのが正しいと載ってましたので ------------------------------------------------------- <div><p><img src="○○" alt="なし"></p></div> ------------------------------------------------------- と記述していたんですが、 色々勉強していくとPタグではなく、 ブロックレベル要素で囲むのが正しいとの事ですので <div>も<p>もブロックレベル要素なので ------------------------------------------------------- <div><img src="○○" alt="なし"></div> ------------------------------------------------------- とか ------------------------------------------------------- <p><img src="○○" alt="なし"></p> ------------------------------------------------------- みたいに無理に<div>と<p>の2つではなく <div>だけ、または<p>だけで、囲むのも問題はないのでしょうか？ ※スタイルシートでレイアウトしています。 ※画像はスペースを空ける為だけですので<div>～</div>に文章はありません。 同じくaltの指定もしていません。 ※画像でスペースを空けるは、あまり良くない事は分かっていての質問です。 別の質問ですけど、あるホームページでH2（見出しタグ？）で ------------------------------------------------------- <div><h2>タイトル</h2></div> <div><p>文章</p></div> ------------------------------------------------------- が正しいと載っていたんですが ------------------------------------------------------- <div> <h2>タイトル</h2> <p>文章</p> </div> ------------------------------------------------------- では間違っているんでしょうか？ すいません、もう1つ質問です。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html でチェックしてみると98点でした。 私のパソコンや、友達のパソコンでは、ちゃんと表示されてるんですが 100点じゃないと、表示されないパソコンもあるんでしょうか？ 学校が短大で男子がいないので HTMLやCSSが苦手な子ばかりです。 私と副部長で頑張ってほぼ完成しましたが、 はじめてホームページを作った初心者で 細かい事を教えてもらえる人がいなくて困ってます。 初心者の質問で申し訳ありませんが よろしくお願いします。
- 締切済み
- HTML
- Jqueryでdivとspanのスマートな追加方法
Jqueryでdivとspanをスマートに追加したいです。 <dir id="alphabet"></dir> htmlファイル内にこの↑div alphabetは記述していますが、 次の↓div agroupは記述していません。 <div class="agroup"> <span class="a1"></span> <span class="a2"></span> <span class="a3"></span> <span class="a4"></span> <span class="a5"></span> <span class="a6"></span> <span class="a7"></span> <span class="a8"></span> <span class="a9"></span> <span class="a10"></span> </div> div alphabet内にdiv agroupをjqueryで挿入したいのですが、 スマートな書き方がわかりません。 多分eachなどを使うのでしょうが、 その具体的な書き方などをご教示願えますでしょうか。 なお、現在は以下のようなスマートでない書き方なら 一応当方の希望通りのことはできています。 $(function(){var a='"></span><span class="a'; $("#alphabet").prepend('<div class="agroup"><span class="a1'+a+'2'+a+'3'+a+'4'+a+'5'+a+'6'+a+'7'+a+'8'+a+'9'+a+'10"></span></div>'); }); 素人が検索して得た知識のみで作成しました。 突込みどころ満載かと思いますので、 「ここはもっとこうした方がいいよ。」という箇所や 過去の似たような質問回答なども お教えいただけると幸いです。 よろしくお願いします。
- ベストアンサー
- JavaScript
- spanのタグの中を1列で表示
下記のspanのタグの中を1列で表示するにはCSSをどのようにしたらいいのでしょうか。 <span> ああああ <downcount id="countdown0" class="hasCountdown"> <div class="countdown_row countdown_amount">7339日 00:55:13</div> </downcount> いいい </span>
- ベストアンサー
- CSS
- IDをspanとdivに適用させると表示はそれぞれ違いますか？？
WEBを勉強中です。 spanとdivにそれぞれ外部ファイルで #header{height:100px;border-top:20px solid #99ff66;} と適用させたんですがspanだけborder-top:20px solid #000000の表示が出ませんでした。 spanはインライン要素だからIDは使えないということでしょうか？？ <span id="header"> と本文に記入したんですが、、、
- ベストアンサー
- HTML
- spanでグループ化して二段組
二段組をしたいときはdivでグループ化して floatを使用し、回り込みさせて二段組をするのが多いですが divでグループ化するのではなく、spanを使ってグループ化し 二段組することも出来ますか？ spanは「divのインライン要素版」といわれますが、 そしたらブロック要素の改行になるdivとは違い、回り込みの floatを使わなくてもspanで二段組が出来ますよね？ 回答よろしくお願いします。
- ベストアンサー
- HTML
お礼
ありがとうございます！！！