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/)