Question

在AMP页面菜单中，我们有一些部分没有任何孩子。在这种情况下，我们希望直接链接到节标题。我们不能这样做。非常感谢这方面的任何帮助/指针。例如，在下面的代码中，想要链接到“嵌套的第2.1节”，点击哪个应该直接进入目标页面（而不是打开该部分）。

InetAddress.getByName("localhost")

Answer 1

我实际上对AMP页面知之甚少，但仍在尝试了解更多相关信息，但基于AMP's official documentation，amp-accordion的行为如下：

amp-accordion可以包含一个或多个<section> s作为其直接孩子。

每个<section>必须包含两个直接子项。

第一个孩子（该部分）必须是h1，h2，...，h6，头部之一，并且是该部分的标题。

第二个孩子（该部分）可以是AMP HTML中允许的任何标记，也是该部分的内容。

点击/点按某个部分的标题会展开/或折叠该部分。

您可能还需要查看10 Important Accelerated Mobile Pages (AMP) Components You Should Know以获取有用的见解。

希望有所帮助！

Answer 2

请勿将这些部分放入手风琴中，并将其风格与手风琴标题相匹配，例如：

<amp-accordion>
<section>
  <h4>Section 1</h4>
  <p>Bunch of content.</p>
</section>
<section>
  <h4>Section 2</h4>

  <div>
    <h4><a href="...">Nested Section 2.1</a></h4>
    <amp-accordion class="nested-accordion">
      <section>
        <h4>Nested Section 2.2</h4>
        <p>Bunch of more content.</p>
      </section>
    </amp-accordion>
  </div>

</section>

Answer 3

<amp-accordion>
    <section>
        <h4>Section 1</h4>
        <p>Bunch of content.</p>
    </section>
    <section>
        <header>
            <a href="https://www.google.com/">Google</a>
        </header>
        <p></p>
    </section>
    <section>
        <header>
            <a href="https://google.com">Google</a>    
        </header>
        <p></p>
    </section>
    <section>
        <h4>Section 2</h4>
        <amp-accordion class="nested-accordion">
           <section>
               <h4>Nested Section 2.1</h4>
               <p>Bunch of content.</p>
          </section>
          <section>
              <h4>Nested Section 2.2</h4>
              <p>Bunch of more content.</p>
         </section>
     </amp-accordion>
</section>

amp-accordion链接到节头

3 个答案: