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。