imgタグをそのまま使うことは正しいの？

Question

hogehogehoge

hogehogehogehogehogehogehoge

これって正しいですか？

はタイトル
は段落（文章？）は？？？？画像？もしかして正確にはimgタグも
とかで囲わなければいけないのか？教えてください。。。

ORUKA1951 · Accepted Answer

は空要素のインライン要素ですから、body内にそのまま置けません。必ず仕様書を見ましょうね。　--- 7.5.1 BODY要素 ( http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#edef-BODY ) ★BODYには、%block;(ブロック要素)とSCRIPT(スクリプト)が+(一つ以上) +および(INS|DEL)以外は入れられないと明記してある。そして、　空要素であり、インライン要素です。　よって、body直下に置く場合は、必ずブロック要素内に置かなければなりません。たとえば

で括るとか・・・　ですから、　　

見出しレベル１

　　は間違い、それも最も基本的な間違いです。　　

見出しレベル1

と書かなければなりません。 ^^^^^^^^^^^^^^^^^^^^^^^^^^^ 　

は段落を示すブロック要素で内部にインライン要素以外は含むことが出来ません。

は省略できますが、XHTMLを考慮すると省略しないほうが望ましい。　
は強制改行　であって、段落区切りとはまったく異なります。【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから BR要素は、現在のテキスト行を強制的に区切る(終了させる)。￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Paragraphs, Lines, and Phrases (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html#edef-BR )］より　行間を空けるために

を使い、そうでない場合は
を使うのは、基本的な誤りです。スタイルシートで段落間のスペースは調整しましょう。【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから P要素は、1つの段落を表し、P要素自体を含め、ブロックレベル要素を内容とすることはできない。￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Paragraphs, Lines, and Phrases (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html#edef-P )］より ★HTMLを学ぶとき、最初に学ぶのは、ブロック要素とインライン要素の違いです。その説明を端折っているサイトや本は捨ててしまいましょう。とりあえず、こちらのサイトあたりで正しいHTMLの書き方を身につけましょう。はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )

ORUKA1951 · Answer

No.6 ORUKA1951です。
先の回答は訂正します。
DTD確認してみました。
確かに、Transitinalではエラーではないですね。・・すみませんでした。

buntan_bun · Answer

正しいかどうかは、採用している文書型によります。次の文書型定義（DTD）に当たってみました。 DTDは、テキストエディタで開くことができます。上はHTML4.01 Transitional、下はHTML4.01 Strict用のDTDです。 http://www.w3.org/TR/html4/loose.dtd http://www.w3.org/TR/html4/strict.dtd まず、Transitionalから。 body要素は次のように定義されています。 body要素は、flowが0回以上出現してよい、という意味です。 flowは次のように定義されています。ブロックとインラインのどちらかが出現しなければならない。まとめると、body要素にはブロックとインラインのどちらかが出現してよい、という意味です。したがって、

やという書き方は、どちらもHTML4.01 Transitionalの仕様として正しい、ということになります。次に、Strictです。 body要素は次のように定義されています。 body要素は、ブロックかスクリプトが1回以上出現しなければならない、という意味です。 img要素はブロックでもスクリプトでもないので、という書き方は、HTML4.01 Strictの仕様として間違い、ということになります。また、

という書き方が、HTML4.01 Strictの仕様として正しい、ということになります。（ブロックであれば、p要素でなくても構いません）なお、XHTML1.0の場合も同様の理由により、Transitionalであれば正しい、Strictであれば間違い、ということになります。（提示されたソースを見ると、XHTMLっぽいですね） XHTML1.0のDTDは、次になります。 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd

noname#100277 · Answer

規約違反に相当する可能性が在りますがちゃんと認識しなければ行けない事なので・・・検証１サイト http://validator.w3.org/ 検証２サイト http://openlab.ring.gr.jp/k16/htmllint/htmllint.html で以下のソースを検証して見ましょう。＃１ check <＃２>（開始）（終了）例ではXHTML 1.0として、＃１にはStrictとTransitionalのどちらかの記述を。＃２にはStrictの場合はブロックレベル要素を入れ（divやp等）、Transitionalの場合には入れないで省略。（検証用に入れるのと入れないので作成。） ※StrictでもTransitionalでも入れたソースと入れないソースを作る。コレを４つのファイルにして上記の検証で実行。 Strictの場合はブロックレベルの要素で囲まないとエラー。 Transitionalの場合はどちらでもエラーは確認されない。仕様書を引用したり、仕様書を信望するのは構わないが、HTMLの仕様勧告してるw3cでTransitionalの場合ドチラでもエラーを返さないのは「構文」が正しい事を意味する。検証１サイトよりも検証２サイトの方が厳格に構文チェックするのにも関わらず、エラーは一切無い。拠ってimgはStrictの場合はブロックレベルで囲む。 Transitionalの場合はどちらでも構わない。コレが現実的な回答です。

ORUKA1951 · Answer

置いておこうかとは思ったのですが、やはり今後このスレッドを見られた方が間違わないように補足だけ
　<img>はinline要素なので、Strict(厳密型)もTransitional(移行型)も、body要素には入れられません。いずれもエラーになります。（が、ブラウザは、エラーを無視して表示するように定められています。）
　StrictとTransitionalの違いは、
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTML 4.01移行型DTD。 これは、厳密型DTDのすべての要素・属性に加えて、推奨しない要素や属性も含む(推奨しないもののほとんどは視覚的プレゼンテーションに関わるものである)。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［The global structure of an HTML document (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html )］より
　という推奨しない要素や属性も使えるというだけで、文法まで許しているわけではありません。

　詳しくは、3.3 HTML DTDの読み方 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/sgmltut.html#h-3.3 )をご覧ください。

noname#100277 · Answer

Transitionalならエラーでは無い。
Strictならエラーに成る。
インラインはブロックで囲む事。

steel_gray · Answer

HTMLにも色々規格があって、厳格な規格ではbody直下に置くことは文法違反です。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
こちらでHTMLの文法チェックをすると
http://openlab.ring.gr.jp/k16/htmllint/explain.html#excluded-element
こんなエラーとなる事があります。

pasocom · Answer

はタイトルというより、「見出し＝大きな文字」です。一般に言うタイトルとはタグです。 は段落（文章？） は単独で使用して段落です。は不要。ただし より大きな段落です。 <img>は？？？？画像です。＞正確にはimgタグもとかで囲わなければいけないのか？そんなことはありません。

noname#169205 · Answer

文法的にはどちらでも images/hoge.gifがhogehogehogehogehogehogehogeと関連する画像なら

内に入れておくべきだろうし関係なくて段落分けするなら入れない

imgタグをそのまま使うことは正しいの？

<img>は空要素のインライン要素ですから、body内にそのまま置けません。

No.6 ORUKA1951です。

正しいかどうかは、採用している文書型によります。

規約違反に相当する可能性が在りますがちゃんと認識しなければ行けない事なので・・・

置いておこうかとは思ったのですが、やはり今後このスレッドを見られた方が間違わないように補足だけ

Transitionalならエラーでは無い。

HTMLにも色々規格があって、厳格な規格ではbody直下に置くことは文法違反です。

<h2>はタイトル

文法的にはどちらでも

似たような質問が見つかりました

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

　置いておこうかとは思ったのですが、やはり今後このスレッドを見られた方が間違わないように補足だけ