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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
「諸要素」とはどういう意味で...
-
<div align="center">を使わず...
-
imgタグをそのまま使うことは正...
-
HTML <font>タグは使えない?
-
MATLABのwavreadについて
-
CSSのセレクタに指定するbodyと...
-
brタグ、pタグやtableタグが非...
-
HTML の繰返し法???
-
指定位置に来たら要素をボーダ...
-
H1タグを画像にしたい
-
1から100までの自然数のうち、2...
-
C言語 並び替え(配列)について
-
Macで画像の切り抜きできないの?
-
ウインドウを小さくするとbody...
-
htmlの文字が縦書きになる
-
htmlのolやulなどlistにtitleや...
-
CSSのクラス名・ID名の指定でワ...
-
携帯サイト、ナノでのタグ編集...
-
スクロールボックスを中央に配...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
含む含まないという概念自体の...
-
smallにtext-allignが効かない
-
質問1.
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
角丸画像の背景色を透明にした...
-
改行ほどは行かないけど、若干...
-
CSS:overflow要素の印刷について
-
タグは大文字と小文字どちらが...
-
NからZへの全単射を具体的に構...
-
HTMLでTextareaを横に2つ並べ...
-
H1タグを画像にしたい
-
figcaption要素の中にul要素
-
imgタグをそのまま使うことは正...
-
textareaの幅を画面と合わせたい
-
ある要素の中身を全部グレーア...
-
テキストボックスの中にリンク...
-
スタイルシートで文字色を指定...
-
HTMLページ上でiframeを最前面...
おすすめ情報