包括HTML菜单栏从另一个HTML文件

Question

我有两个html文件x和y.html。我尝试两种不同的方法来解决这个问题:我如何包括html文件没有iframe和javascript?

是菜单文件y. html

<!--sidebar start-->
    <aside>
    <div id="sidebar" class="nav-collapse">
    <!-- sidebar menu start-->
    <div class="leftside-navigation">
        <ul class="sidebar-menu" id="nav-accordion">
            <li>
                <a class="active" href="index.html">
                    <i class="fa fa-dashboard"></i>
                    <span>Home</span>
                </a>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-tasks"></i>
                    <span>Lists</span>
                </a>
                <ul class="sub">
                    <li><a href="form_component.html">Shopping List</a></li>
                    <li><a href="advanced_form.html">To-Do List</a></li>
                </ul>
            </li>
            <li class="sub-menu">
            <a href="profile.html">
                <i class="fa fa-glass"></i>
                <span>Profil</span>
            </a>
        </li>

      <!-- sidebar menu end-->
  </div>
</aside>
<!--sidebar end-->

是主索引页x.html

    <!--sidebar start-->
<aside>
    <div id="sidebar" class="nav-collapse">
        <!-- sidebar menu start-->
               <!-- MENU SHOULD BE HERE-->  
        <!-- sidebar menu end-->
    </div>
</aside>

Answer 1

你不能用html。

但是你可以使用PHP

<?php include("menu.html"); ?>

所以在你的例子中:

    <!--sidebar start-->
<aside>
    <div id="sidebar" class="nav-collapse">
        <!-- sidebar menu start-->
               <?php include("menu.html"); ?>   
        <!-- sidebar menu end-->
    </div>
</aside>