No.2
- 回答日時:
HTMLを書いたら、
⇒Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html )
でチェック。まあ、100点でないにしても、大きな減点ないように
<span>は行内要素(inline)ですから、内部にブロック要素はもてません。
<!ELEMENT SPAN - - (%inline;)*( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
%inlineとは行内要素のみゼロ個以上
また、必ずブロック要素の内部になければなりませんから
この様な場合、ブラウザは
<仮想ブロック>
<span>あああ</span>
</仮想ブロック>
<div ・・></div>
<仮想ブロック>
<span>いいい</span>
</仮想ブロック>
と解釈して描画します。この解釈はブラウザごとに異なりますから、当然ブラウザ間で表示も変わります。
⇒7.5.3 ブロックレベル要素と行内要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
は最初に覚えるべきもっとも大品部分です。またdowncountという要素はありません。
No.3ベストアンサー
- 回答日時:
先のご回答にもありますが、spanはインライン要素、divはブロックレベル要素です。
インライン要素の中にブロックレベル要素を入れてはいけない、というのが基本的な原則です。
下手なたとえかもしれませんが、インライン要素を液体(流し込めるもの)、ブロックレベル要素を固体(箱のようなもの)とお考えください。
インライン要素にはサイズや余白を指定しても効きませんし、ブロックレベル要素を包み込もうとしても、うまく行きません。
逆にブロックレベル要素にインライン要素を入れるのは問題ありません。
不勉強にして<downcount>というタグは見たことがないのですが、
<div>
ああああ
<downcount id="countdown0" class="hasCountdown">
<span class="countdown_row countdown_amount">7339日 00:55:13</span>
</downcount>
いいい
</div>
という記述ではいけないのでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP ランキングを表示する際の画像の大きさを固定することは可能でしょうか? <?php if ( has_ 1 2022/07/21 14:55
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript htmlとcssで分数を表示後、分数の右側に文書を書きたい 1 2022/04/28 10:09
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- その他(プログラミング・Web制作) pythonのWebスクレイピングでfind_allだとurlがNoneに 4 2022/04/17 18:21
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1から100までの自然数のうち、2...
-
超音波で洗脳。
-
CSSのセレクタに指定するbodyと...
-
smallにtext-allignが効かない
-
「諸要素」とはどういう意味で...
-
【ヒトの神秘】美男美女から何...
-
aの中にspan
-
リンク付き画像を右よりに表示...
-
aタグ 中央寄せ
-
cssで好きな位置に好きなボック...
-
<div>でレイアウトすると上下に...
-
html5で右揃え、方法は?
-
初歩的な質問です。<div>のwidt...
-
あるタグが反応しません...
-
HTMLで <p>~</p>内で2回以...
-
border: noneでボタンの境界線...
-
<object>
-
<br />と<br>は同じ意味ですか?
-
Bootstrap レスポンシブ textarea
-
imgタグをそのまま使うことは正...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
超音波で洗脳。
-
質問1.
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
NからZへの全単射を具体的に構...
-
角丸画像の背景色を透明にした...
-
タグは大文字と小文字どちらが...
-
改行ほどは行かないけど、若干...
-
2個のFormを横並びにしたい
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
CSS:overflow要素の印刷について
-
textareaの幅を画面と合わせたい
-
親要素・子要素
-
テキストボックスの中にリンク...
-
emとstrongの反対
-
cssのdisplay:block
-
border: noneでボタンの境界線...
-
tdに対してmin-heightの定義、...
おすすめ情報