html – 如何在静态网站中创建根相关链接?

前端之家收集整理的这篇文章主要介绍了html – 如何在静态网站中创建根相关链接?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
构建静态 HTML站点时,可以设置基本URL,如< base url =“http:// localhost:8888 / mysite”/&gt ;.假设当你插入一个图像时,你可以像这样< img src =“/ img / logo.png”/>这样的基础URL就可以这样做,这相当于< img src =“http: /localhost:8888/mysite/img/logo.png“/>

我的问题是,当我移动网站时,这些相对链接不起作用,这是一个痛苦,因为我正在尝试与DropBox上的人分享.我以为我可以把基本的URL链接到< base url =“http://dl.dropBox.com/u/xxxxxxxx/mysite”/>,但图像链接正在这里:< img src =“ //dl.dropBox.com/img/logo.png“/>而不是我在头部设置的完整的基本URL.

为什么是这样?

解决方法

失去领先/使其成为相对URL:
<img src="img/logo.png" />

有3种类型的URL:

完全限定,例如:http://example.org/path/to/file

绝对的,例如:/ path / to / file(假设linki来自example.org域中的任何页面)

相对,例如:path / to / file(假设链接来自根(/)“文件夹”,或者有一个基本URL http://example.org/)
或/ file(假设链接来自“path”“文件夹”或hte base url是http://example.org/path/)

原文链接:https://www.f2er.com/html/227879.html

猜你在找的HTML相关文章