javascript - 带有菜单和页面的页面布局

Question

我有关注问题，我创建了一个页面布局，如关注

HTML

        <header>
      <?php include('header.php') ?>
    </header>
    <div class="main">
      <nav>
       <?php include('menu.php') ?>
      </nav>
      <div class="content">
        <?php include('main.php') ?>
      </div>
    </div>
    <footer>
      <?php include('footer.php') ?>
    </footer>

CSS

    html, body{
    height: 100%;  
  }
  header{
     height: 20%;
     background: yellow;
  }
  .main{
     height: 70%;
    background: blue;
  }
  footer{
     height: 10%;
    background: yellow;
  }
  nav{
    width: 20%;
    height: 100%;
    float: left;
    background: green;
  }

在导航中，我有我的垂直菜单，你在这里找不到，现在我当然想要一些简单的东西，当用户从 .main 布局上的菜单中单击链接时，会显示我想要的页面等。第 4 页而不是将我重定向到第 4 页。我想使用 als 框架。

我在想它的页面有相同的标题，导航我不知道这是否正确，我不知道是否有一个简单的方法。