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

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;
  }

并且在导航中我有垂直菜单你找不到here，现在我想要一些简单的当然，当用户点击.main布局菜单上的链接时显示我想要的页面等页面4而不是将我重定向到页面4.我想工作als frames。

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