在网站链接图像的正确方法是什么？

Question

根据我的标题，正确的方法是什么？ 我已经看到这两个出现在网站上：

<img alt="My image" height="60" src="http://www.website.com/images/myimage.png" width="80">

和

<img src="images/myimage.png" width="60" height="80" alt="my image"/>

每种类型的好处是什么？ 与第二个相比，第一个是否有助于更快地加载图像？

感谢。

Answer 1

第二个例子是相对URL。通常，当您不对URL等内容进行硬编码时，可扩展性更好。

Answer 2

唯一的区别是，如果图片不在同一个域中，则必须使用完整的URL。速度没有区别。

如果您有相对URL，那么如果您将HTML文件移动到其他位置，图像就会中断;如果您有完整的URL，如果您将网站移动到另一个域，图像就会中断。

Answer 3

我更喜欢第二种选择。链接是相对于您的html文件所在的路径。如果您将您的网站复制到另一个子目录等，您不需要更新您选择第一个选项时必须的html代码。 如果图像在另一个域上，那么第一个选项是可行的方法。

Answer 4

如果您遵循最佳实践，您应该有多个环境，比如开发，测试，QA，预生产和生产。仅仅因为这个原因，URL应该是相对的。如果您在生产中进行所有开发和测试，那么......这是开展业务的不良方式。

Answer 5

使用相对URL确实更好。因为当您更改代码结构中的某些内容时，您还必须更改对图像的所有引用。

使用相对路径，您根本不需要更改任何内容。