2017-11-14 5 views
-1

私はHTMLのナビゲーションバーをインデックスHTMLファイルに含めたいと思っています。 (私はスーツに従うことを好む)私は私がやった間違ったのか分からないが、それは私にナビゲーションバーが表示されません。..どのようにする - HTMLを含める

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <title>Home Page</title> 
     <script src="https://www.w3schools.com/lib/w3.js"></script> 
    </head> 
    <body> 
     <div w3-include-html="navbar.html"></div> 

     <script> 
      w3.includeHTML(); 
     </script> 
    </body> 
</html> 
+1

コンソールにはどのようなエラーがありますか? – Taurus

答えて

0

@floreichが述べたようにあなたはOR、PHPでこれを解決することができ、それ以外の場合は私があなたのコードが正しいことを確認してください。ファイルへのパスが正しくない可能性があります。

このコード行は、<div w3-include-html="navbar.html"></div>です。

「navbar.html」というファイルの正しいパスに移動しようとすると、正常に動作するはずです。お知らせ下さい! :)

これは役立つかもしれない:

<div w3-include-html="dir/navbar.html"></div> 

あなたが見ることができるように「ディレクトリを/」「navbar.html」が置かれているディレクトリである、「navbar.html」の前に追加されます。

おそらく、この説明は、上記理解するのに役立つかもしれない:https://www.w3schools.com/hTml/html_filepaths.asp

EDIT:

'DIR /' は名前だけですので、あなたのディレクトリ名に変更します。

+0

問題はWebサーバーでした(コードはGoogle ChromeとInternet Exploreでは機能しません)。コードはFirefoxで動作します。ありがとうございます:) – Mpan

+0

クロムとIEで動作させたい場合は、おそらくhtmlタグの代わりにinclude phpを使用したいかもしれません(firefox以外は動作しません)。どのブラウザでもphpが使えるようにする –

関連する問題