如何正確關閉<img>標記？

<img src='stackoverflow.png'> 
<img src='stackoverflow.png'></img> 
<img src='stackoverflow.png' />

問題是「如何正確關閉標記？」這是一個真正的問題，答案是有用的。這個問題不應該被關閉。 – buffjape 2013-10-25 09:11:42

這個問題目前很好。它不是**含糊不清，含糊不清，不完整，過於寬泛，或言辭自負。下面還有一個很好的答案。 – 2013-11-27 23:21:57

我不知道以下哪個答案是正確的，但有趣的是，Firefox的代碼檢查器在標籤的末尾添加了，如果你沒有放在那裏。而IE不。這在我的宇宙中很重要。 – Chiwda 2015-07-15 08:49:58

<img src='stackoverflow.png' />

工作正常並正確關閉標記。最好爲視障人士添加alt屬性。

2013-02-13 18:33:55

我喜歡這個答案，仔細想想，即使這是爲xhtml，爲什麼打開和關閉自閉標籤？ – Toping 2013-02-13 18:38:05

它適用於IE！ – 2013-02-13 18:41:59

@ marvin-rabe的答案更加完整和正確。 – 2013-02-13 20:35:11

129

這一個是valid HTML5，它是絕對沒有關閉它罰款。它是一個所謂的void元素：

<img src='stackoverflow.png'>

以下是有效的XHTML標籤。他們必須關閉。後者在HTML 5中也很好：

<img src='stackoverflow.png'></img> 
<img src='stackoverflow.png' />

2013-02-13 18:37:10

它不僅是有效的HTML5，而且在HTML4中也是有效的。正如你所說，HTML不需要自動關閉「空白」元素。 +1爲一致的答案。 – 2013-02-13 20:24:55

請參閱：http://dev.w3.org/html5/markup/syntax.html#void-element – 2013-11-27 23:24:09

如果使用4.01 Transitional或更高版本，則HTML5或XHTML將無法通過W3C的HTML檢查器進行驗證。另請參閱[W3C標記驗證服務]（https://validator.w3.org/）。你需要使用''（如果你很重要）。 – jww 2016-10-30 06:08:59

-4

以下是在HTML頁面上使用的HTML圖像標記。

<img src="smiley.gif" alt="Smiley face" 
    height="42" width="42">

2015-12-08 07:57:56 Shailesh

我已經嘗試了所有上述建議，但我的開始標記仍然強調：''還''還''還'' – Joshua 2016-06-23 11:04:23

這是剛剛從[W3Schools的示例]直拉（HTTP：/ /www.w3schools.com/tags/tag_img。asp），而不關心什麼是正確的或最好的，這是問題的要點。 – 2016-10-16 05:20:11

-6

你不需要使用顯示圖像<img>標籤在meta標籤正是u需要是顯示的路徑和搜索引擎& Facebook將會從路徑獲取圖像。

<meta name= 'image' content "http://your image path />

2017-09-05 14:25:04

回答