html - html5 で「img」タグを使用する

Question

HTML の「img」タグは、p タグなどの要素内にネストする必要があると言われたことがあります。これは本当ですか？または誤解されましたか？

<p><img src "img/mittromneylittleface.png" alt="drinks" /></p>

Answer 1

HTML 4 のコンテキストでそう言われたことがあるとしたら、HTML 4 Strict の DTDをご覧ください。

IMG要素であることがわかります%inlineが、HTML要素には、、、、および要素BODYのみを含めることができます。%blockSCRIPTINSDEL

<!ELEMENT BODY O O (%block;|SCRIPT)+ +(INS|DEL) -- document body -->

<!ENTITY % block 
   "P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT |
    BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS">

したがって、HTML 4 を厳密に検証する場合は、必ずIMGaPまたは類似のものを含める必要があります。バリデーターで試してみると、次のように表示されます。

ドキュメント タイプは、ここで要素「IMG」を許可しません。"P"、"H1"、"H2"、"H3"、"H4"、"H5"、"H6"、"DIV"、"ADDRESS" 開始タグのいずれかが欠落しています

HTML 5 では、要素のすぐ下に要素を配置できます。ここで要素の定義を確認してください。要素のコンテンツ モデルは次のとおりです。imgbodybodybody

流れの内容

フロー コンテンツを検索すると、img許可されていることがわかります。