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

发布时间：2020-12-14 23:51:16 所属栏目：资源来源：网络整理

导读：构建静态 HTML站点时,可以设置基本URL,如 base url =“http：// localhost：8888 / mysite”/gt ;.假设当你插入一个图像时,你可以像这样 img src =“/ img / logo.png”/这样的基础URL就可以这样做,这相当于 img src =“http： /localhost:8888/mysite/img/l

构建静态 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/)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!