こんにちは。
web勉強を初めて3ヶ月の初心者です。
よく、コーディングしていて、imgタグを入れる際に、pタグを使うべきかdivタグを使うべきか迷ってしまいます。
最初は、わけもわからずdivで括ればいいのだと思っていましたが、そうでもないと気づき始めて、改めて本やネットで調べたらpタグは「段落」、divタグは「まとまり」となっていました。自分としては、ある程度のグループとして入れる場合はdivで囲んで、ある程度の量がある文章ではpタグという認識です。
ただ、そうすると画像を1枚入れたりとか、少しの文章と背景だけを入れたいときは、divではないだろうから、pタグなのかな?とか、それともタグを入れずに、前後のdiv間に、文章やimgだけで入れるべきなのかな?と考えていくと正直混乱してしまいます。
もしくは、そういう場合は前後のdivも含めた自分のグループの分け方自体が、おかしいのかもしれません。
わかりにくい文章ですいません。
いいアドバイスありましたら、よろしくお願いします。
No.2ベストアンサー
- 回答日時:
基本的にインライン要素であるimgタグなどはブロックレベル要素で囲むのは基本です。
そこでよくpタグにすべきかdivタグにすべきか悩みますよね。
でもここで注目すべきはdivタグの特徴です。
divタグはブロックレベル要素をグループ分けするものなので、その中にインライン要素が一つだけ入っているというのはあまりよろしくありません。
まぁimgタグはpタグやdivタグで囲まなくても役割はちゃんと果たしてくれるし、pタグ・divタグどちらで囲んでも表示が変わって見えないなどあるため悩むところですが、基本pで囲むものと覚えて間違っていないですよ。
検定などでもpで囲むことで正解になります。
実際複数入れる時もpタグで囲み、CSSで回り込みや改行を隙間を空けないような設定をします。
divタグはページの全体やヘッダー・フッター・メニュー部分などグループ分けしたりするのに設定してます。
わかりやすい文章でありがとうございます。
おかげさまで、インライン要素やブロック要素を改めて勉強し直すきっかけにもなりました。
感謝です!
No.1
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLのdlとul どちらが正しいと思いますか 3 2023/02/23 11:20
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- HTML・CSS AWSのhtml 1 2023/06/08 23:20
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- HTML・CSS CSS の疑問です 1 2023/02/15 18:13
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リーバイス?
-
VLANタグについて教えてください
-
デメタグとは?
-
pixivの消えないブックマークタ...
-
ICタグを図書館に導入すると??
-
店の入口などについている、防...
-
埼玉県内にUFOキャッチャーで突...
-
キーフレーム
-
掲示板からIPアドレスってど...
-
\\n \\r \\t について
-
リンクの範囲がおかしい?
-
隠しリンク、裏ページ、等を見...
-
operaでYoutubeのサイト表示が...
-
VBA オブジェクトが必要です
-
XMLを作成してもタグしか表示さ...
-
H1タグに改行の<br>を使う
-
入力されたテキストが、全角か...
-
ホームページビルダーでのドロ...
-
ツールチップの表示時間の調整
-
Dream Weaverの改行時にTabキー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
埼玉県内にUFOキャッチャーで突...
-
リーバイス?
-
pixivの消えないブックマークタ...
-
品質表示タグが付いてない商品
-
ジャケットの革の素材がわかり...
-
ExcelのVBAでHTMLのソースのタ...
-
店の入口などについている、防...
-
Tシャツの刺しゅうがチクチクす...
-
VLANタグについて教えてください
-
下着などの洗濯タグ、どうやっ...
-
ExcelのVBAでHTMLのタグ数を取...
-
デメタグとは?
-
<属性/>
-
長いホームページで途中の位置...
-
これはなんと書いてありますか?
-
cssリファレンスについて
-
MacのMailでThunderbirdのタグ...
-
WAVファイルにタグ情報を付加す...
-
異なるメーカー機器同士のVLAN...
-
このタグの意味を教えてくださ...
おすすめ情報