対象:ホームページ・Web制作
回答数: 3件
回答数: 7件
回答数: 3件
独学でHTMLを勉強していています。
<div>の中に文字と画像が入るとすると文法的に画像にも<p>を使用した方がいいのでしょうか?
1.
<div>
<p>文字文字文字文字</p>
<p><img src="img.gif" widht="" height="" alt="" /></p>
<div>
2.
<div>
<p>文字文字文字文字</p>
<img src="img.gif" widht="" height="" alt="" />
<div>
文法上、1の方が正しいような気がするのですが、色々なサイトを見てみると2が多い気がします。
ご教授頂けると幸いです。
kankichiさん ( 埼玉県 / 女性 / 26歳 )
回答:3件
どちらも・・・
kankichiさん、
初めまして、ワイドハイフンの田地です。
結論から申し上げますと、1でも2でも文法上は正しいと思います。
<p>タグの意味はパラグラフ(段落)という意味ですので、
段落の意味合い的に文字とイメージを分けて説明するほうが適していましたら1を採用し、
同じ段落で意味を成すのであれば2を採用されるとよろしいかと思います。
この文字とイメージが同じ内容のものであれば;
<p>
<img src="img.gif" width="" height="" alt="" />
文字文字文字文字
</p>
・イメージタグはfloat指定するなどが多いです。
として記述することで意味合い的にも文法的にも正しく、且つ合理的になるかと思います。
また入れ子(タグ)を少なくすることで制作する際に管理も楽になりますよ。
ただ最近ではデザイン表現も以前より複雑化していることもありますので、
その時に応じて、工夫して実践してくださいね!
ご参考いただければ幸いです。
評価・お礼
kankichiさん
ありがとうございます。参考になりました。
回答専門家
- 運営 事務局
- (東京都 / 編集部)
- 専門家プロファイル
登録している専門家やQ&Aやコラムといったコンテンツをご紹介
専門家プロファイルに登録をしている皆様の記事や、Q&A、まとめ記事など編集部でピックアップしたものを定期的に配信していきます。よろしくお願いいたします。
運営 事務局が提供する商品・サービス
記事制作に関するご相談
伊藤 章裕
システムエンジニア
-
見栄えで判断してよいと思います
こんにちは
アイティーエムクリエイトの伊藤です。
<p>タグの使い方ですね。
本来の使われかたは「文章の段落」をあらわすものなので
タグから見て正しいといえばどちらかといえば2も妥当かもしれないですね
あとは、見栄えですが<p>タグを多用するとブラウザで見たとき
行間があいた状態が目立つようになります。
<p>は文章の前後に行間を作ります。
そのときの見栄えが良いものなのか悪いものかで判断して
良いと思います。
個人的には行間が多くスカスカになるのもいやなので、<p>から<br>(改行)に
修正することがよくありますので、<br>なども試しに使用し、調整してみても
良いかもしれないです。
独学での勉強大変ですが、自信に繋がると思います。
ご参考になればと幸いです。
またお気軽にご質問下さい
評価・お礼
kankichiさん
見栄えではなく、文法的にどうしたらいいのかを悩んでおりました。
行間があく等の見栄えの部分はcssで調整しています。
松井 秀人
Webプロデューサー
-
基本はマークアップです
こんにちは、インターネットプロデュースの松井です。
<p>の使用方法でお悩みとのことですが、HTMLの基本はマークアップ、つまり、対象の原稿に対する意味付けです。
<img>にも<p>を指定するかどうか、というよりも、その<img>が原稿の中で、どのような意味合いを持っているかを考えてみて下さい。
独立した段落となるものであれば、
<p><img></p>
<p>文字</p>
のようにし、他の文章を含めて段落の一部であれば、文字と一緒に
<p>
<img>
文字
</p>
のようにすればよいでしょう。
レイアウトについてはスタイルシートの役割ですので、デザイン的な要素(画像の配置や行間など)については、それぞれのタグにスタイルを指定します。
参考になればと思います。
評価・お礼
kankichiさん
imgがもつ意味合いで決めると言うことですね。
大変参考になりました。ありがとうございました。
(現在のポイント:-pt)
このQ&Aに類似したQ&A
表示中のコンテンツに関連する専門家サービスランキング