在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被允許！