使用一个HTML文件托管多个页面

Question

我想要一个带有标题的HTML文件，该文件可以在同一页面内打开另一页面，而不是将其作为新链接打开。我想在一个文件中托管5或6页，每页分别包含一个div。我托管了一个提供商，该提供商对更多页面收取更多费用，并且希望将所有页面包含在一个HTML文件中，因此我不必支付更多费用。下图显示了我正在尝试做的事情：

Answer 1

您可以使用:target selector使用HTML和CSS。例如，在HTML中：

<nav>
  <ul>
    <li><a href="#a">A</a></li>
    <li><a href="#b">B</a></li>
    <li><a href="#c">C</a></li>
  </ul>
</nav>
<section id="a">
  <h1>
    Section A
  </h1>
</section>
<section id="b">
  <h1>
    Section B
  </h1>
</section>
<section id="c">
  <h1>
    Section C
  </h1>
</section>

在您的CSS中：

section {
  display: none;
}
section:target {
  display: block;
}

您可以在JSFiddle上对其进行测试：http://jsfiddle.net/af180e3j/