主要分为两步

1,在原始页面中的a标签中加入要跳转页面的标记;
2,在要跳转的页面中加入标记。

例:在原始页面中(index.html)

<html>
  <head>
        <meta name="viewport" content="width=device-width" />
        <title>Index</title>
  </head>
  <body>
        <h3>锚点测试</h3>
        <div> 
              <a href="AnchorPoint.html#red">红</a>
              <a href="AnchorPoint.html#yellow">黄</a>
              <a href="AnchorPoint.html#blue">蓝</a>
        </div>
  </body>
</html>


注:设置锚点链接,在href中的路径后面追加:#+锚点名即可

在要跳转的页面中 (AnchorPoint.html)

<html>
  <head>
        <meta name="viewport" content="width=device-width" />
        <title>AnchorPoint</title>
  </head>
  <body>
        <div> 
              <a name="red"></a>
            <div style="border:solid;color:red;width:500px;height:500px">            </div>
            <a name="yellow" ></a>
            <div style="border:solid;color:yellow;width:500px;height:500px">            </div>
            <a name="blue" ></a>
            <div style="border:solid;color:blue;width:500px;height:500px">              </div>
        </div>
  </body>
</html>


注:在此页面设置锚点 name="red"