img 或 css 宽度的内联宽度？

Posted 2023-03-06

【中文标题】img 或 css 宽度的内联宽度？

【英文标题】：Inline width for img or css width?

【发布时间】：2012-01-04 01:30:31

【问题描述】：

我想知道以下哪个更好用，或者一般来说更好：

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

或

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

【参考方案1】：

后者更好（并且更新更多）。

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

【讨论】：

您不必关闭图像标签，而不是在 html 中。

gryzzly，您在编辑之前错过了帖子中最初的双关语。 /> 丢失了，因此是闭包双关语。

【参考方案2】：

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

此外，请始终将您的属性括在单引号或双引号中。这是最佳实践。

另外，请始终关闭您的标签。我真的不敢相信有人会在这个时代随便说您不需要在 HTML 中关闭标签。

您不必这样做，这是真的。但我真的认为我们都已经摆脱了那种懒惰。

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