こんにちは。
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ランキング
-
リーバイス?
-
デメタグとは?
-
埼玉県内にUFOキャッチャーで突...
-
Tシャツの刺しゅうがチクチクす...
-
태그했습니당ってどういう意味?
-
ピクシブ「ブックマークしてい...
-
VLANタグについて教えてください
-
pixivの消えないブックマークタ...
-
Webブラウザとは、何から何まで...
-
セカンドストリートでの買い取り
-
品質表示タグが付いてない商品
-
ホームページの画面の左右に空...
-
decoo リアルタイム 前略
-
服の背中のタグを綺麗に取る
-
リンクできない HTMLで<a>タグ...
-
ExcelのVBAでHTMLのタグ数を取...
-
長いホームページで途中の位置...
-
XMLを作成してもタグしか表示さ...
-
テキストエリア内の改行禁止
-
長いURLを途中で改行(折り返す...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ジャケットの革の素材がわかり...
-
pixivの消えないブックマークタ...
-
品質表示タグが付いてない商品
-
リーバイス?
-
店の入口などについている、防...
-
下着などの洗濯タグ、どうやっ...
-
長いホームページで途中の位置...
-
デメタグとは?
-
異なるメーカー機器同士のVLAN...
-
Dell製品のサービスタグについて
-
<属性/>
-
WAVファイルにタグ情報を付加す...
-
<ruby>タグを使用したHTML文書...
-
VLANタグについて教えてください
-
服の背中のタグを綺麗に取る
-
動画aviファイルのHTML組み...
-
今日朝通勤中、コートの後ろの...
-
Tシャツの刺しゅうがチクチクす...
-
html5のオーディオ要素が効かな...
-
HTMLのタグ名は大文字か小文字か?
おすすめ情報