根据我的标题，正确的方法是什么？我已经看到这两个出现在网站上：
<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"/>
每种类型的优点是什么？与第二个相比，第一个是否有助于更快地加载图像？
谢谢。
问问题
1992 次
6 回答
9
第二个示例是相对 URL。一般来说，当您不对 URL 等内容进行硬编码时，可扩展性会更好。
于 2012-06-23T13:20:18.907 回答
2
唯一的区别是，如果图像不在同一个域中，您必须使用完整的 URL。速度没有区别。
如果您有相对 URL，如果您将 HTML 文件移动到其他位置，图像就会中断；如果您有完整的 URL，如果您将网站移动到另一个域，图像会中断。
于 2012-06-23T13:21:11.277 回答
1
我更喜欢第二个选项。该链接相对于您的 html 文件所在的路径。如果您将网站复制到另一个子目录等，则无需更新您选择第一个选项时必须更新的 html 代码。如果图像在另一个域上，那么第一个选项就是要走的路。
于 2012-06-23T13:22:03.187 回答
1
如果您遵循最佳实践，您应该有多个环境，例如用于开发、测试、QA、预生产和生产。仅出于这个原因，URL 应该是相对的。如果您在 prod 中进行所有开发和测试，那么……这是一种糟糕的经商方式。
于 2012-06-23T13:28:29.963 回答
0
使用相对 URL 肯定更好。因为当您更改代码结构中的某些内容时，您还必须更改对图像的所有引用。
使用相对路径，您根本不必更改任何内容。
于 2012-06-23T13:23:20.697 回答
0
第二个示例加载图像并不正确。
使用 Root 相对 URL 进行良好实践
<img src="/images/myimage.png" width="60" height="80" alt="my image"/>
这些 URL 始终相对于文件夹的根目录。这些 URL 在服务器之间移动时很有用。
于 2022-01-19T08:05:27.057 回答