メニューを複数のページに読み込むにはどうすればよいですか？

Question

私はmenu.htmlというファイルを持っています。これは基本的には私のHTMLページをそれぞれ入れたいドロップダウンですが、どうすればいいですか？

<div class="topbar"> 
    <a href="./index.html"> 
     Home 
    </a> 
</div> 


<script> 
    $(document).ready(function() { 
     $("#content").load("menu.html"); 
}); 
</script> 

ありがとうございます！

Answer 1

あなたはサーバー側のコードとしてPHPに言及しているので、私は非常に遅くなるので、Twigを使って注入することはお勧めできません。

Twigは「テンプレートシステム」と呼ばれるものです。小枝を使用すると、メニューのHTMLを持つテンプレートを作成することができます。

：

<ul> 
    <li>Menu Item 1</li> 
    <li>Menu Item 2</li> 
</ul> 

menu.htmlは、その後、あなたのページのHTMLに、あなたはmenu.html "を含める" ことができますpage.html

{% include 'menu.html' %} 

<!-- your page content here --> 

非常に強力です。自動的にエスケープして、ユーザーの入力が複数の継承、コンテンツブロックなどの表示に安全であることを確認します。