【问题标题】:Link to a specific part of a web page doesn't work [duplicate]链接到网页的特定部分不起作用[重复]
【发布时间】:2021-11-19 19:50:02
【问题描述】:

我创建了一个带有 en explore 按钮的网站 按钮代码:

  <a href="#sec" id="exploreBtn">Explore</a>

我喜欢这篇文章

<article class="sec">

但是当我按下按钮时知道会发生

【问题讨论】:

  • 锚链接使用name 属性或id 属性,而不是类。多个元素可以有同一个类,所以这是行不通的。

标签: html css hyperlink


【解决方案1】:

您只需将 id 提供给例如
&lt;a href="#sec" id="exploreBtn"&gt;Explore&lt;/a&gt; 之类的锚点,按下此按钮您将转到 sec id,应声明如下:&lt;article id='sec'&gt;...&lt;/a&gt;

【讨论】:

    【解决方案2】:

    文章应该像下面的代码一样有 id sec,但是你写了 class sec。

    &lt;article id="sec"&gt;

    【讨论】:

      【解决方案3】:

      正如您在a 标签中调用id sec 而不是class 所以您必须将sec 作为idid 标签
      将代码更改为:

      <a href="#sec" id="exploreBtn">Explore</a>
      <article id="sec">
      

      【讨论】:

        猜你喜欢
        • 2013-03-07
        • 2020-08-24
        • 1970-01-01
        • 2013-01-03
        • 2020-01-31
        • 2018-06-13
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多