Question

我已经阅读了很多内容，您应该将css样式与内容分开，并且使用内联样式不是最佳做法，但这与<img>标记的大小相同吗？

使用属性设置宽度和高度是最佳做法，还是最好将其放在css类中？

<img src="myimg.png" height="100" width="200" />

或

.myimg{
    height:100px;
    width:200px;
}

<img src="myimg.png" class="myimg" />

还是没有'最佳'的做法？如果是这样，在哪种情况下你应该使用1还是2？

Answer 1

我认为最好的做法之一是尽可能避免内联样式，并尽量通过CSS做大多数属性。

但是，当您尝试验证HTML时，如果<img标记没有指定高度和宽度，则通常会失败，因此我会尽可能将这些标记包含在标记中。这也是SEO的一个好处，因为它们可以正确识别图像搜索。

另一个重要的SEO因素是尝试避免链接到全尺寸图像，然后使用CSS缩小它们。如果你有一个3000x2000的图像，输出只有320x250，那么你真的应该创建一个320x250版本的图像，上传它，然后链接到它。这将极大地帮助您的网站加载时间和性能。

Answer 2

它们在技术上都是正确的，但我认为第二种方法是“最佳实践”，原因与避免内联样式相同 - 通过使用类和CSS，所有类似的元素匹配，我可以在一个中进行更新的地方。

编辑：为Dave upvote - 关于在上传之前调整大小的重要一点。我同意了！