我可以通过另一个HTML导入文件导入HTML文件吗?

时间:2017-03-13 17:28:23

标签: html web-component

我有4个文件可以说a.html,b.html,c.html和d.html。我希望b.html需要c.html和d.html导入。 a.html需要b.html。我可以在a.html中使用<link rel='import' href='/path/to/b.html'>导入,然后在b.html中使用以下内容:

<link rel='import' href='/path/to/c.html>
<link rel='import' href='/path/to/d.html>

1 个答案:

答案 0 :(得分:2)

包含HTML模板与我们包含样式表的方式类似,我们使用标记。但是我们不是使用rel = stylesheet,而是使用rel = import添加链接标记。举个例子,在这里我将包含一个名为template.html的模板(我已经添加了几行虚拟内容)。<link rel="import" href="template.html">

现在,如果您通过“网络”标签下的Chrome DevTools看到该网页,则可以看到浏览器(Chrome)加载了template.html。 请记住,导入的文件中的内容不会立即附加到主HTML文件中。当您看到主HTML文件时,您将暂时看不到任何内容。