使用包含的相对文件夹 HTML 文件



我正在设计一个网页,其中有常见的html文档,所以我使用jQuery将它们包含在所有.html

问题是我的索引 html 文件它在项目文件夹中,而其他文件在项目文件夹内自己的文件夹中。包含的文件具有 img 源,并且在索引文件和其他文件中具有不同的路径

myproject/index.html
myproject/commonFiles/header.html
myproject/contact/contact.html
myproject/sources

如果 header.html 定义了 img 标记,src="./img1.jpg"它仅适用于索引.html

主要思想不是将联系人移动到另一个文件夹,因为有更多类似的文件

<head>区域中使用<base href="">标签。

http://html.com/attributes/base-href/

使用以 / 开头的根相对路径

加载时在页面中:

$("#footer").load("/common/footer.html");

同样在加载的文件中:

src="/img1.jpg"

它必须始终以表示根文件夹的/开头

最新更新