HTML导入不起作用

我想在我的网站上使用HTML导入标题&页脚，因为我会经常更新这些页面，并且希望避免单独手动更新每个页面。HTML导入不起作用

这里是进口的代码，它包含在我的index.html文件在标签内：

<link rel="import" href="/includes/header.html">

这不工作（没有变化），同样页脚。

这里是header.html中文件的内容：

<nav style="background: none;width:100%;border:none" class="navbar navbar-default" role="navigation"> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
    </div> 
    <a class="navbar-brand" href="/"> 
    <img src="/logos/logo.png" style="width:150px; display:inline;"> 
    </a> 
    <div class="navbar-collapse collapse"> 
    <!-- <ul class="nav navbar-nav navbar-right"> 
         <li><a href="#">Left</a></li> 
         <li><a href="#about">Left</a></li> 
        </ul>--> 
    <ul class="nav navbar-nav navbar-right" style="float:right;display:inline;position:relative;"> 
     <li><a href="/mission" style="color:white;">Our Mission</a> 
     </li> 
     <!--<li><a href="#contact">Right</a></li>--> 
    </ul> 
    </div> 
</nav>

来源

2016-12-22 koopertrooper

浏览器支持？ http://caniuse.com/#feat=imports –

W3C在他们的网站上没有提及'rel =“import”'，所以我认为问题只是它不存在。 –

尝试使用 “”

<link rel="import" href="./includes/header.html">

的说看在路径中的文件夹

来源

2016-12-22 12:01:22 myron

尝试使用<?php include "/includes/header.html"; ?> 或添加您的link tag inside head tag如果不是。

来源

2016-12-22 12:04:06 knownUnknown

HTML Import只能在Chrome中本地使用。谷歌浏览器从版本31开始支持，但您仍然需要手动启用该功能。详情请点击enter link description here

不支持Firefox。

所以，我建议你可以使用PHP功能include和是相当有限的，你工作中绿色的一对HTML进口require_once

来源

2016-12-22 12:11:55

HTML导入不起作用

回答

相关问题