构建静态
HTML站点时,可以设置基本URL,如< base url =“http:// localhost:8888 / mysite”/> ;.假设当你插入一个图像时,你可以像这样< 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/)