Question

示例A：

<div id="content-box">
    <div class="content-box-inner">
    Title
        <br/>
        <a href="www.google.com"><div class="cb-item"><img src="http://www.hellothere.com/images/image.jpg"/> Hello There</div></a>
    </div>
</div>

例B：

<div id="content-box">
    <div class="content-box-inner">
    Title
        <br/>
        <a href="www.google.com"><div class="cb-item"><img src="/images/image.jpg"/> Hello There</div></a>
    </div>
</div>

哪种方式特别好？仅使用/ images是否可以加快页面加载速度？是否有更好的SEO整个链接？

提前谢谢！

Answer 1

最好使用相对寻址（您的示例B ），因为您可以更轻松地将您的网站从开发移动到测试服务器到生产服务器，而无需查找和更改一堆链接。 / p>

始终使用相对寻址......您永远不知道何时需要更改网站前缀！

Answer 2

如果您正在编写大代码，那么使用示例B 是明智之举。但如果您使用示例A ，则不会使页面加载速度变慢此外，如果你移动你的网站，它会不断找到图像！

修改

也;您必须使用<a href="http://www.google.com">Link</a>才能使其正常运行。否则它会将您发送到yourwebsite.com/www.google.com

HTML：编码整个图像地址或/图像更好

2 个答案: