![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
CSSを使ってサイトを作成しています。
気になった事があったので質問させてください。
テキスト(文字)を入力する祭は、<p>~</p>・<div>~</div>等のタグで囲むかと思います。
<img src="" width="" height="" alt="" />
上記のようなイメージタグは、<p>~</p>・<div>~</div>等で囲む必要はあるのでしょうか?
囲まなくてはいけないものなのでしょうか?
<p>~</p>・<div>~</div>タグにスタイルをつけていなければ、
囲んでも囲まなくても表示は変わりませんが、HTML的というか文法的に囲むべきなのでしょうか?
※<p>タグは「reset.css」で上下改行なしにしてあります。
宜しくお願いします。
No.4ベストアンサー
- 回答日時:
>> <th><td>セルに書いた文字(テキスト)は<p>で囲むべきなんですよね?
それなら今度はthやtdがblockなのかinlineなのかを調べてみよう。
この回答への補足
再度のご回答ありがとうございます。
th td はインライン要素ですね。
という事は、<p>~</p>で囲むべきですね。
囲んでいないサイトが多いような気がしたので、聞いてみました。
ここまで細かい事は気にしないでいいのかも(?)しれませんが・・・
出来る限り、正しくサイトを作ってみます。
ありがとうございました。
No.3
- 回答日時:
質問文脈と無関係に、
>※<p>タグは「reset.css」で上下改行なしにしてあります。
とか書いてあるので、
No2のような指摘が出るのは当然だと思います。文章を文字通り解釈すると、p を改行無しで使っているように読める。
ブラウザの差異を吸収するために一旦リセットしてから、それぞれ適切に設定しているのなら問題ありません。最終的には p タグには前後改行が付いているのですよね?
・imgタグをブロックタグで囲むべきか?
・reset.cssを使っている
は、全く関係ないことですよね。
この回答への補足
notnot 様
ご回答ありがとうございます。
>ブラウザの差異を吸収するために一旦リセットしてから、それぞれ適切に設定しているのなら問題ありません。
安心しました。
>・imgタグをブロックタグで囲むべきか?
>・reset.cssを使っている
「reset.css」で<p>の改行なしにしている為、
<p>で囲んでも囲まなくても、表示が変わらないという説明をしたかったんです。
表示は変わらないけど、文法的に囲むべきなのか?という質問でした。
わかりづらくてすみません。
No.2
- 回答日時:
CSSを学ぶ前にHTMLを正しく覚えましょう。
CSSは、HTMLが正しくないと絶対にうまくいきません。CSSを使わないならブラウザは多少の間違った文法でも何とか解釈して表示してくれますが。
【引用】____________ここから
メモ: CSSスタイルシートを意図した通りに機能させるには、正しい文書解析木が必要です。つまり、正当なHTMLを用いるべきです。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/ )]より
・HTMLを構成する要素(Element)を示すものがタグです。
・すべての要素は、ブロック要素か行内要素です。(dell,insの除く)
・行内要素は、必ずブロック要素内にしか登場しません。
・それぞれの要素はどの要素を含むことができるか、あるいは含まなければならないかが決まっています。
>※<p>タグは「reset.css」で上下改行なしにしてあります。
可能であっても絶対にしてはならない設定のひとつです。
<p>はその部分が「段落paragraph」を示すタグです(HTMLでは終了タグは任意)で内部に行内要素しかもてない。段落の前後で改行しなくてよいということは、そのマークアップ自体間違っているのでは???
通常は上下のマージンで日本語らしく見栄えを整える。換わりにtext-indentで字下げする。
この回答への補足
ORUKA1951 様
ご回答ありがとうございます。
>>※<p>タグは「reset.css」で上下改行なしにしてあります。
>可能であっても絶対にしてはならない設定のひとつです。
おどろいています。
HTML的にまずい事なんですか?
<p>タグに限らず、<h1><h2>・・・なども改行なしにするために、
「display:inline」とか「margin:0」
と、設定したりしますよね。
Webデザインをしていると、デザイン的に予期せぬ余白が気になったりします。
それにブラウザによって、余白の大きさが変わるので、「reset.css」ですべて0にして、
1からデザインしたりします。
これがまずい事となると、大幅に変更しなくてはいけなくなります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS HTMLのdlとul どちらが正しいと思いますか 3 2023/02/23 11:20
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS htmlとcssで吹き出しの中に文字を置きたいのですが、 html 〈div class bb〉 〈 3 2023/02/04 22:44
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
C言語 並び替え(配列)について
-
ある要素の中身を全部グレーア...
-
【ヒトの神秘】美男美女から何...
-
ホームページの下にあるcopy ri...
-
含む含まないという概念自体の...
-
H1タグを画像にしたい
-
textareaの幅を画面と合わせたい
-
外部CSSだけの記述でもSEOに有...
-
make_heap()が分かりません
-
拡大してもはみ出さないコーデ...
-
VBA でIE 操作 ボタンをクリッ...
-
配列 隣の要素を参照するのですが
-
アコーディオンメニューの二階...
-
tdに対してmin-heightの定義、...
-
角丸画像の背景色を透明にした...
-
親要素・子要素
-
質問1.
-
input type="hidden"で取得した...
-
Lispでマージソート
-
1つのhtmlでフレームのような動...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
2個のFormを横並びにしたい
-
含む含まないという概念自体の...
-
角丸画像の背景色を透明にした...
-
smallにtext-allignが効かない
-
超音波で洗脳。
-
質問1.
-
「諸要素」とはどういう意味で...
-
改行ほどは行かないけど、若干...
-
1から100までの自然数のうち、2...
-
マージソートの計算量について-...
-
タグは大文字と小文字どちらが...
-
textareaの幅を画面と合わせたい
-
親要素・子要素
-
テキストボックスの中にリンク...
-
html タグの閉じスラッシュ前の...
-
input type="hidden"で取得した...
-
NからZへの全単射を具体的に構...
-
【CSS】imgタグを、親要素の幅...
-
HTMLページ上でiframeを最前面...
おすすめ情報