2016-12-22 19 views
0

私はこれらのページを頻繁に更新し、手動で各ページを個別に更新しないように、私のサイトのヘッダ&フッターにHTMLインポートを使用しようとしています。ここでHTMLのインポートが機能しない

は私のindex.htmlファイル内のタグ内に含まれている輸入コード、次のとおりです。

<link rel="import" href="/includes/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> 
+0

ブラウザのサポートを使用することができます示唆することはかなり限られている、あなたは緑色のものの一つで働いていますか? http://caniuse.com/#feat=imports –

+0

W3Cは自分のウェブサイトに 'rel =" import "'は言及していないので、問題はそれが存在しないということだけです。 –

答えて

0

使用してみてください:ここで

はheader.htmlファイルの内容である ""

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

0

HTML ImportはChromeでネイティブでしか動作しません。 Google Chromeはバージョン31以降サポートを受けていますが、手動でこの機能を有効にする必要があります。詳細については、enter link description here

Firefoxではサポートされていません。

だから、私はあなたがHTMLのインポートのPHP機能includerequire_once

関連する問題