img或css宽度的内联宽度?

时间:2011-11-22 16:57:56

标签: css attributes height width image

我想知道以下哪个更好用,或者通常更好:

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

OR

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

2 个答案:

答案 0 :(得分:5)

后者更好(更多up2date)。

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

答案 1 :(得分:3)

如果要保持干净,永远不会在任何HTML标记上添加样式属性。始终使用外部CSS文件。使用ID或使用类,因为它们是为此目的。如果您突然需要更改50个HTML元素上存在的内容,那么您将诅咒您决定全部内联它们的那一天,而不是给它们所有类,并在外部css文件中定义该类的值。因为在CSS文件中编辑一行比在HTML文件中查找所有50行容易得多。

此外,始终将您的属性包含在单引号或双引号中。这是一种最佳做法。

此外,请始终关闭您的代码。我真的不敢相信有人会在这个时代随便说你不需要用HTML关闭你的标签。

你不必,这是真的。但我真的以为我们都已经超越了那个懒惰点。

所以,我建议你使用这个:<img src="foo.png" height="32" width="32" />
此外,没有必要在你=符号之前或之后放置空格。