Html 基础部分 我试图通过点击一个页面上的链接来访问基金会4个部分。下面是我的问题的详细解释。这就是基金会看起来像：

这是它的代码

<div class="section-container vertical-tabs" data-section="vertical-tabs">
  <section>
    <p class="title" data-section-title><a href="#">Section 1</a></p>
    <div class="content" data-section-content>
      <p>Content of section 1.</p>
    </div>
  </section>
  <section>
    <p class="title" data-section-title><a href="#">Section 2</a></p>
    <div class="content" data-section-content>
      <p>Content of section 2.</p>
    </div>
  </section>
  <section>
    <p class="title" data-section-title><a href="#">Section 3</a></p>
    <div class="content" data-section-content>
      <p>Content of section 3.</p>
    </div>
  </section>
</div>

第1节的内容


第2节的内容


第3节的内容

当您单击第1节时，它将打开第1节的内容。第2节和第3节也是如此。现在，有没有一种方法可以在网站的某个地方发布链接，例如链接到第1、2和3节。当您单击其中一个时，它将进入“节”部分，并根据我们单击的链接打开右侧的节内容。

签出深度链接部分，以获取如何使此功能正常工作的示例

下面是一个简单的例子

<div class="section-container auto" data-section data-options="deep_linking: true">
  <section>
    <p class="title" data-section-title><a href="#section1">Section 1</a></p>
    <div class="content" data-slug="section1" data-section-content>
      <p>Content of section 1.</p>
    </div>
  </section>
  <section>
    <p class="title" data-section-title><a href="#section2">Section 2</a></p>
    <div class="content" data-slug="section2" data-section-content>
      <p>Content of section 2.</p>
    </div>
  </section>
</div>

第1节的内容


第2节的内容

要使链接正常工作，只需将ID添加到URL。例如