img或css寬度的內聯寬度？

Question

我想知道以下哪些是更好地使用，或一般都比較好：

<img src = "foo.png" height = 32 width = 32 /> 

OR

<img src = "foo.png" style = "height: 32px; width: 32px;" /> 

Answer 1

後者是更好（更up2date的）。

<img src="foo.png" style="height:32px; width:32px;" /> 

Answer 2

如果要保持乾淨，從未把樣式屬性上的任何HTML標記。始終使用外部CSS文件。使用一個ID或使用一個類，因爲它們是爲了這個。如果您突然需要更改50個HTML元素中存在的內容，那麼您會詛咒決定將它們全部內聯的那一天，而不是爲它們提供所有類並在外部css文件中爲該類定義值。因爲在CSS文件中編輯一行比在HTML文件中查找全部50行要容易得多。

此外，請始終用單引號或雙引號括住您的屬性。這是一種最佳做法。

此外，請務必關閉您的標籤。我真的不敢相信，在這個時代，有人會隨便說你不需要用HTML關閉你的標籤。

你不需要，這是真的。但我真的認爲我們都已經過去了這個懶惰點。

所以，我的建議是你使用這個：<img src="foo.png" height="32" width="32" />
此外，沒有必要在你之前或之後放置空格= sign。