在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元素只能包含%block ， SCRIPT ， INS和DEL元素：

<!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严格标准，则绝对应在P或类似名称中包含IMG 。 在验证器上尝试，您将看到：

文档类型此处不允许元素“ IMG”； 缺少“ P”，“ H1”，“ H2”，“ H3”，“ H4”，“ H5”，“ H6”，“ DIV”，“ ADDRESS”开始标记之一

现在，在HTML 5中，您可以在body元素下直接拥有一个img元素。 在此处检查body元素的定义。 它说body元素的内容模型是：

流量内容

如果您查找Flow内容，您将看到img被允许！